《锋利的jQuery》学习笔记

《锋利的jQuery》学习笔记--One Sections

第一章

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’)【过滤选择器】不一样