锋利的jQuery(读书笔记)

第一章 认识jQuery

1、链式操作方式

这是jQuery中最具有特色的，即对发生在同一个jQuery对象上的 一组动作，可以直接连写而无需重复获取对象。

2、jQuery对象中不能使用DOM对象的任何的方法，同时DOM对象也不能使用jQuery对象的方法。

3、为了区别DOM对象和jQuery对象，在定义变量的时候可以为jQuery对象添加$前缀。

4、jQuery对象提供了两种方法将jQuery对象转化为DOM对象，分别为通过[index]、get(index)。把对象当做数组处理，如果数组长度为1，只取第一个。

5、在某些情况下可能会出现jQuery库和其他类库冲突的情况，在这种情况下可以通过复制jQuery对象，自定义备用命名。

6、$("#ff") 获取的是永远是一个对象，在网页上没有此元素，只能用对象的长度作为判断的依据条件。

第二章 jQuery选择器

1、内容过滤器的过滤规则主要体现在文本内容的过滤和它所包含的元素的过滤两种。对于文本内容的过滤可以通过filter()方法，eg: filter( " :contains('佳能') ",  " :contains('尼康') ",  " :contains('索尼') " )

2、可见性过滤器 :hidden  (不可见) 和 :visible (可见)。

3、eq(index)只能匹配到一个元素，而 :nth-child 可以匹配到每一个符合条件的父元素的子元素。同时注意 nth-child(index) 的index是从 1 开始的，而 eq(index) 是从 0 开始的。

4、如果选择器中含有 " . ", " # " , " ( ", " [ " 等特殊的符号时，要使用转义字符 \\ ，例如：$('#id#b') 转义为 $('#id\\#b')。

5、注意后代选择器和过滤选择器的区别，后代选择器有空格，过滤选择器没有空格。 

第三章 jQuery中的DOM操作

1、复制节点clone().

注意被复制的新元素并不具有任何的行为。如果需要新元素也具有复制功能，可以使用如下的jQuery代码。

代码如下：$(this).clone(true).appendTo("body");

在方法clone()中传递的参数true，含义是复制元素的同时复制元素中所绑定的事件。

2、有关替换元素的知识点。如果在替换之前，已经为元素绑定了事件，替换后原先绑定的事件也将会与被替换的元素一起消失，需要在新元素上重新绑定事件。

3、toggle()方法主要用于控制行为上的重复切换。另外toggleClass()方法用于控制样式上的重复的切换，如果类名存在就删除它，如果类名不存在就添加它。

4、window.onload 和 $(document).ready() 的区别：

window.onload()必须要等到每一个图片加载完毕之后才可以执行js代码。而$(document).ready() 是只要DOM树就绪了就可以进行操作了。

第四章  jquery中的事件和动画

1、以前可以再CSS中添加过渡动画和帧动画，现在可以在js中通过animate()方法编写前面两种动画。在使用的时候要注意在处于动画的过程中，不要追加其他的动画，以免造成动画队列不必要的累积，使效果出现问题。if(!$("comment").is(":animated")){};

2、trigger()用于模拟事件，通过另一种途径触发一个事件。解除事件的方法unbind()。bind()方法可以为一个元素绑定多个事件。

第五章 jQuery对表单、表格的操作和应用

1、end() 方法的应用 

$("p").find("span") .end().css("border", "2px red solid");

选择所有段落，找到这些段落中的 span 元素，然后将它们恢复为段落，并把段落设置为两像素的红色边框。end()方法可以用来返回到最初的对象。                                           

第六章 jQuery 与 Ajax的应用

1、服务器返回的数据格式有许多种，其中包含 HTML（简单但是重用性不好），XML (文档的体积相对较大，解析和操作他们的速度会慢一些，但是重用性高)，JSON（重用性高，而且相对XML体积小，容易解析）。

2、load()方法带有参数传递的时候，会使用POST方法发送请求。

3、$.ajax()方法有许多常用的参数url 、 type 、timeout、data、dataType、beforeSend、complete、success、error、global（默认为true，表示触发全局Ajax事件）。