$("#ID") ---------------ID选择器

xxxxxxxxx

1. :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素

2. 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。

3. :parent与:empty是相反的，两者所涉及的子元素，包括文本节点

注意事项：

1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引

2. gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始

.css()方法：获取元素样式属性的计算值或者设置元素的css属性

1. .removeClass() 作用:从匹配的元素中删除全部或者指定的class

2. .removeClass( [className ] )：每个匹配元素移除的一个或多个用空格隔开的样式名

3. .removeClass( function(index, class) ) ： 一个函数，返回一个或多个将要被移除的样式名

.addClass( className )方法

1. .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名

2. .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名

jquery 对象转换为 DOM 对象：

var $div = $('div'); //拿到jQuery对象，此对象为数组

var div = $div.get(2);//拿到具体的DOM节点（有两种方法，数组下标或者get（））

//var div = $div[1];

div.style.color = 'red'; //操作dom对象的属性

1. .val()方法主要是用于处理表单元素的值

   .val()无参数，获取匹配的元素集合中第一个元素的当前值

   .val( value )，设置匹配的元素集合中每个元素的值

   .val( function ) ，一个用来返回设置值的函数

2. 注意：获取.val()处理select元素，当没有选择项被选中，他返回null； .val()方法多用来设置表单的字段的值； 如果select元素有multiple(多选)属性，并且至少一个选择项被选中，.val()方法返回一个数组，这个数组包含每个选中选择项的值
   

$(document).ready的作用是等页面的文档(document)中的节点都加载完成后，在执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的被加载完毕后才能使用

$(:first)选取第一个元素
$(:last)选取最后一个元素
$(:not(selector))筛选所选元素
$(:eq(index))选择任意index元素
$(:gt(index))选择所有index大于所选index的元素
$(:lt(index))选择所有index小于所选index的元素
$(:even)选择偶数元素，从0开始计数
$(:odd) 选择奇数元素，从0开始计数
$(:header)选取标题元素
$(:root)选取根元素

> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。

+ （加号）  紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。

~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。

(空格)    任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。

,(逗号)   表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点

1. .toggleClass( className )：在匹配的元素集合中的每个元素上用来切换的一个或多个（用空格隔开）样式类名

2. .toggleClass( className, switch )：一个布尔值，用于判断样式是否应该被添加或移除

3. .toggleClass( [switch ] )：一个用来判断样式类添加还是移除的 布尔值

4. .toggleClass( function(index, class, switch) [, switch ] )：用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数

注意事项：

1. toggleClass是一个互斥的逻辑，也就是通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果没有就增加

2. toggleClass会保留原有的Class名后新增，通过空格隔开

.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。

搜索所有段落中的后代 span 元素，并将其颜色设置为红色：

$("p").find("span").css('color','red');

append() 方法在被选元素的结尾插入指定内容:

$(selector).append(content,function(index,html))