《锋利的jQuery》学习笔记

文章由LinuxBoy分享于2019-04-01 10:04:33热评（634）

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

更多详情见请继续阅读下一页的精彩内容：

锋利的jQuery(第2版) 完整版PDF+源码

推荐文章：