jQuery速成笔记（一）

本小爷自从学习了jq，再也不想写原生的js了，出于我对jq的喜爱，今天兴趣来了，想写篇jq的文章。。嘿嘿！

选择器 $("selector")

一、基本选择器  

 1   id选择器  #id  

 2  类选择器  .class

 3  元素选择器 element

 4 群组选择器 selector1，selector2，selector3……

 5 通用选择器  *

二、层级选择器

1、后代选择器    selector1  selector2   

2、子元素选择器  selector >

3、紧邻同辈选择器  selector +

4、相邻的同辈选择器   selector ~

三、表单元素选择器

1、获取表单中所有的input  select textare 元素   ：input

2、：text  匹配所有文本框

3、：password  匹配所有密码框

4、：radio 匹配所有单选按钮

5、：checkbox 匹配所有复选框

6、：file 匹配所有文件域

7、：image 匹配所有图像域

8、：reset 匹配所有重置按钮

9、：submit 匹配所有提交按钮

10、：button 匹配所有按钮

11、：hidden 匹配所有隐藏元素

四、基本过滤选择器 

1、selector：first 匹配第一个元素

2、selector：last  匹配最后一个元素

3、selector：eq（index）在匹配的集合中选择索引值为index的元素

4、selector：gt（index）选择匹配集合中所有大于索引值的元素

5、selector：lt（index）选择匹配集合中所有小于索引值的元素

6、selector：odd 选择索引值为奇数的元素 从0开始

7、selector：even 选择索引值为偶数的元素 从0开始

8、selector：not（selector）选择所有元素不包括给定选择器的元素

9、selector：header 选择所有标题元素

10、selector：animated 选择正在执行动画的元素

11、selector：root选择文档的根元素

12、selector：lang（language）选择给定语言的元素

五、内容过滤选择器

1、：contains （指定文本）选择所有包含指定文本的元素

2、：has（selector）选择至少包含指定选择器的元素

3、：empty  筛选出空元素

4、：parent 筛选出非空元素

六、属性过滤选择器

1、[attribute] 选出所具有指定属性的元素

2、[attribute=value] 筛选出含有指定属性值的元素

3、[attribute！=value] 筛选出属性值不等于指定值的元素

4、[attribute^=value]筛选出属性值以指定值开头的元素

5、[attribute$=value]筛选出属性值以指定值结尾的元素

6、[attribute*=value]筛选出属性值包含指定值的元素

7、[attribute1][attribute2]……[attribureN] 筛选出包含多个指定属性的元素

8、[attribute~=value]筛选出指定属性用空格分隔的值中包含指定值的元素

七、子元素过滤选择器

1、：first-child 所有父级元素下的第一个子元素

2、：last-child 所有父级元素下的最后一个子元素

3、：nth-last-child 选择的所有父元素的第n个子元素 倒数的

4、：nth-child(index) index从1 开始 选择的所有父元素的第n个子元素

5、：only-child 选择父元素的唯一子元素

八、可见性选择器

1、：hidden所有隐藏的元素

2、：visible 所有显示的元素（visibility：hidden和opacity：0和高度、宽度为0的）

九、表单属性过滤选择器

1、：enabled 可用的表单元素

2、：disabled 不可用的表单元素

3、input：checked 被选中的input元素（单选，多选框）

4、：selected 选中的下拉列表 

简单易懂的选择器，更方便使用！