$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用

$("div").?(function(index,className) { // $("div")是一个类数组对象，index是这个类数组对象索引，className是这个类数组对象的当前类名
if(-1 !== className.indexOf('imooc')){ // 判断当前对象的类名是否包含了"imooc"字符串，如果是，执行if中的代码
$(this).addClass('imoocClass') // $(this)指的的就是当前对象,为当前对象添加新的类名
}
});

attr()有4个表达式

1. attr(传入属性名)：获取属性的值

2. attr(属性名, 属性值)：设置属性的值

3. attr(属性名,函数值)：设置属性的函数值

4. attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }

//:eq

    //选择单个

    $(".aaron:eq(2)").css("border", "3px groove blue");

//:gt 选择匹配集合中所有索引值大于给定index参数的元素

    $(".aaron:gt(3)").css("border", "3px groove blue");

//:lt 选择匹配集合中所有索引值小于给定index参数的元素

    //与:gt相反

    $(".aaron:lt(2)").css("color", "#CD00CD");

 //:not 选择所有元素去除不匹配给定的选择器的元素

        //选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色

        $("input:not(:checked) + p").css("background-color", "#CD00CD");

$(":first-child")  选择所有父级元素的第一个子元素$(":last-child")  选择所有父级元素的最后一个子元素$(":only-child")  如果某个元素是其父元素的唯一子元素，那么他就会被选中

$(":nth-child(n)")  选择所有父级元素的第几个子元素，n为子元素的位置，

$(":nth-last-child(n)") 选择所有父元素的第几个子元素，计数从最后一个子元素开始，

<table><colgroup><col /><col /></colgroup><tbody><tr class="firstRow"><td>选择器</td><td>描述</td></tr><tr><td>$("[attribute|='value']")</td><td>选择指定属性值等于给定字符串或以该文字串为前缀（该字符串后跟一个连字符）的元素</td></tr><tr><td>$("[attribute*='value']")</td><td>选择指定属性具有包含一个给定的字符串的元素（选择指定的属性是以包含某些值得元素）</td></tr><tr><td>$("[attribute-='value']")</td><td>选择指定属性用空格分隔的值中包含一个给定的元素</td></tr><tr><td>$("[attribute='value']")</td><td>选择指定属性是给定值的元素</td></tr><tr><td>$("[attribute!='value']")</td><td>选择不存在的指定属性，或者指定的属性值不等于给定值的元素</td></tr><tr><td>$("[attribute^='value']")</td><td>选择指定属性是给定字符串开始的元素</td></tr><tr><td>$("[attribute$='value']")</td><td>选择指定属性是以给定值结尾的元素，这个比较区分大小写</td></tr><tr><td>$('[attribute]')</td><td>选择所有指定属性的元素，该属性可以是任何值</td></tr><tr><td>$("[attributeFilter1][attributeFilter1]")</td><td>选择匹配所有指定筛选器的元素</td></tr></tbody></table><p><br /></p>

<table><colgroup><col /><col /></colgroup><tbody><tr class="firstRow"><td>选择器</td><td>描述</td></tr><tr><td>$(":first")</td><td>匹配第一个元素</td></tr><tr><td>$(":last")</td><td>匹配最后一个元素</td></tr><tr><td>$(":not(selector)")</td><td>一个用来过滤的选择器，选择所有的元素去除不匹配的给定的选择器元素</td></tr><tr><td>$(":eq(index)")</td><td>在匹配的集合中选择索引值为index的元素</td></tr><tr><td>$(":gt(index)")</td><td>选择匹配的集合中所有大于给定的索引值index的元素，从指定索引的下一个开始</td></tr><tr><td>$(":even")</td><td>选择索引值为偶数的元素，从0开始计数</td></tr><tr><td>$(":odd")</td><td>选择索引值为奇数的元素，从0开始计数</td></tr><tr><td>$(":lt(index)")</td><td>选择匹配集合中所有元素小于索引值index参数的元素</td></tr><tr><td>$(":header")</td><td>选择所有标题元素，像h1~h6这种</td></tr><tr><td>$(":lang(language)")</td><td>选择指定语言的所有元素</td></tr><tr><td>$(":root")</td><td>选择该文档的根元素</td></tr><tr><td>$(":animated")</td><td>选择正在执行动画效果的元素</td></tr></tbody></table><p><br /></p>

$(".class") 通过class样式类名来获取节点

javascript-->jquery react.js sea.js node.js

jquery:js+DHTM

简易、兼容、ajax封装、UI、强大的选择器+完善的事件机制

链式操作 回调函数 迭代器 延迟对象 队列...

样式篇+dom篇+事件篇+动画篇

子选择器（>）        $("parent>child")

后代选择器（空格）   $("ancestor descendant")

注意：祖先元素的所有后代元素，可能是孩子，孙子，曾孙

相邻兄弟选择器（+）  $("prev+next ")

注意：在prev之后（不是之前）遇到的第一个指定元素

           以上若为id名前加#号，类前加点号，元素前不用加.

一般兄弟选择器（~）    $("prev~siblings")

注意：在prev之后（不是之前）遇到的所有指定元素（同级）。

jQuery选择器的属性筛选选择器

常用1.$("[attribute='value']")  选择指定属性（attribute）是给定值（value）的元素

注意：attribute为属性名

           value为属性值

两个都指定了

例：$("div[name='p1']")在多个div中选择具有属性为name且属性值为p1的某些div

2.$("[attribute*='value']")    选择给定的属性（attribute）是以包含某些值（test）的元素

注意：选择同一种多个元素中具有attribute属性且属性值中包含有字符串test的元素

例：$("div[name='test']")在多个div元素中选择具有name属性，且属性值中有test字符串的某些div

jQuery选择器的筛选选择器

注意：选择器用    冒号：  开头

常用选择器

1. $(":first")   匹配第一个元素

2. $(":last")    匹配最后一个元素

3. $(":not(selector)")  选择所有除selector的元素

4. $(":eq(index)")    在匹配集合中选择索引值为index的元素（即二次筛选）（jQuery合集从0开始索引）

5. $(":gt(index)")     在匹配集合中选择索引值大于index的元素（注意是大于，所以从下一个开始）

6. $(":even")   选择索引值为偶数的元素，从0开始。

7. $(":odd)     选择索引值为奇数的元素，从0开始。

8. $(":It(index)")      在匹配集合中选择索引值小于index的元素。

9. $(":header")      选择所有标题元素

10. $(":lang(language)")   选择指定语言的所有元素。

11. $(":root")    选择该文档的根元素。

12. $(":animated")  选择所有正在执行动画效果的元素。

子选择器（>）        $("parent>child")

后代选择器（空格）   $("ancestor descendant")

注意：祖先元素的所有后代元素，可能是孩子，孙子，曾孙

相邻兄弟选择器（+）  $("prev+next ")

注意：在prev之后（不是之前）遇到的第一个指定元素

           以上若为id名前加#号，类前加点号，元素前不用加.

一般兄弟选择器（~）    $("prev~siblings")

注意：在prev之后（不是之前）遇到的所有指定元素（同级）。

通过jQuery直接传入id和class

id的唯一，只选择到了第一个匹配的id为imooc的div节点

class选择器可以选择多个元素

jQuery的属性与样式之切换样式.tongglClass()——在做某些效果的时候，可能会针对同一节点的某一个样式不断地切换，也就是addClass与removeClass的互斥切换，比如隔行换色效果

jQuery提供一个toggleClass方法用于简化这种互斥的逻辑，通过toggleClass方法动态添加删除Class，一次执行相当于addClass，再次执行相当于removeClass

.toggleClass( )方法：在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类

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

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

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

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

注意事项：

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

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