《锋利的jQuery》心得笔记--One Sections

时间:2022-09-23 17:01:20

第一章

1、    $是jQuery的一个简写形式

2、    在jQuery中无法使用DOM对象的任何方法:比如:$ (“#id”).innerHTML、$ (“#id”).checked,

可以使用:$ (“#id”).html()、$ (“#id”).attr(“checked”);

3、  DOM对象无法使用jQuery中的任何方法:

document.getElementById(“#id”).html();

4、    把jQuery转换成DOM对象:

1)         var $c =$ (“#cr”);

var c = $c[0]或者var c =$c.get(0)

5、    把DOM转换成jQuery对象:

var cr = document.getElementById(“#id”);

var $cr = $(cr)

6、    当jQuery和其他库一起使用冲突时:

1)         jQuery在其他库之后导入

(1)       调用jQuery.noConflict();//将变量$的控制权移交给其他库

(2)       如果想要自己定义一个快捷方式的话:

var $j = jQuery.noConflict();

$j(“#id”)

2)         jQuery在其他库之前导入

直接使用“jQuery”来工作,其他库使用$()方法

第二章

1、    $(".one+div”)等价于$(“.one”).next(“div”);

2、    $(".one~div”)等价于$(“.one”).nextAll(“div”);

3、    PS:

1)         在选择器中不能含有“·”、“#”、“(”、“]”,如果使用的话,就要在前面加上“\\”

2)         使用1.3.1以上版本的时候,不需要在属性前面加上@,比如:$("div[title=’test’]”)

3)         选择器中含有空格的注意事项:

$(‘.test  :hidden’)【后代选择器】和$(‘.test:hidden’)【过滤选择器】不一样