jQuery学习笔记——基础语法

原创 2016-11-12 09:24:01 353
摘要:1. 什么是jQuery?jQuery是一个JavaScript函数库,是目前最流行的JS框架。2. jQuery语法格式是怎样的?jQuery的基础语法:$(selector).action();例如:$(this).hide(); //隐藏当前元素$("p").hide(); //隐藏所有<p>元素$("p.text").hide(); //

1. 什么是jQuery?

jQuery是一个JavaScript函数库,是目前最流行的JS框架。

2. jQuery语法格式是怎样的?

jQuery的基础语法:$(selector).action();

例如:

$(this).hide(); //隐藏当前元素

$("p").hide(); //隐藏所有<p>元素

$("p.text").hide(); //隐藏所有class="test"的<p>元素

$("#test").hide(); //隐藏所有id="test"的元素

3. 文档就绪事件:防止文档还没有完全加载完就运行jQuery

$(document).ready(function(){
  //jQuery Code Here...
});

简写:(效果一样)

$(function(){
  //jQuery Code Here...
});

4. 名称冲突时:

var jq=jQuery.noConflict();

这样,jq就代替了原来的$符号:

如:

jq("#myButton").click(function(){
  //Add your logic here...
});

等同于:

$("#myButton").click(function(){
  //Add your logic here...
});


发布手记

热门词条