html(),.text()和.val()的差异总结：  

1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。

2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。

3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

获取Attribute就需要用attr，获取Property就需要用prop

this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。

$( ".class" )

通过类选择器选择。

$("#xxx")

id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的

$(dom)可以将dom转换为jquery对象 

jquery对象的[0]代表的就是dom对象

为了区别,jquery的对象一般前边加一个$

练习中使用的$("div")会对所有的div生效。因为此处只有一个div，所以它变化了。如果有多个div，那么它们都会变化。

$(".div:contains(':contains')")
查找所有class='div'中DOM元素中包含"contains"的元素节点

$(".div:has(span)")
查找所有class='div'中DOM元素中包含"span"的元素节点


$("a:parent")
选择所有包含子元素或者文本的a元素

$("a:empty").text(":empty")
找到a元素下面的所有空节点(没有子元素)
增加一段文本empty

1.:contains与:has都有查找的意思，但是contains查找
包含“指定文本”的元素，has查找包含“指定元素”
的元素
2.如果:contains匹配的文本包含在元素的子元素中，同样
认为是符合条件的。
3.:parent与:empty是相反的，两者所涉及的子元素，包括
文本节点

$(:first)选取第一个元素

$(:last)选取最后一个元素

$(:odd) 选择奇数元素，从0开始计数

$(:even)选择偶数元素，从0开始计数

$(:eq(index))选择任意index元素

$(:gt(index))选择所有index大于所选index的元素

$(:lt(index))选择所有index小于所选index的元素

$(:not(selector))匹配当前元素不等于这个元素的其他元素

$("input:not(:checked) + p")选中所有不包含checked的input元素中紧接着的p元素

$(:header)选取标题元素

$(:root)选取根元素

eq全称是equal(意思是“等于”)；

gt全称是greater than(意思是大于)；

lt全称是less than(意思是小于)

$('.first-div a:first-child')匹配的是a的父元素下的第一个元素，若不是a则不匹配。

1. IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的

2. getElementById的参数在IE8及较低的版本不区分大小写

3. IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A

4. IE8及较低的版本，浏览器不支持getElementsByClassName

为什么最后一个新增文本出现在第二个div里,因为倒数第二个操作“通过.html()方法替换html结构”把第一个div里的html内容全部替换成了文本，所以第一个div里已经没有a元素了，所以第二个div里的第一个a元素变成了全文档的第一个a元素，在最后一个操作里选择器.left a:first找到的a元素就是第二个div里的a元素。

通过标准的JavaScript操作DOM与jQuery操作DOM的对比，我们不难发现：

1. 通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。
2. 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。