jQuery(笔记)选择器

基本选择器

1. ID选择器：$("#id名")
2. 类选择器：$(".类名")
3. 标签选择器：$("标签名")

层次选择器

1. 选择直接子元素：$("父元素 > 元素")
2. 选择所有后代子元素：$("父元素 子元素")
3. 选择直接兄弟元素：$("元素A + 元素B") 即选择A下面的符合条件的第一个兄弟元素
4. 选择所有兄弟元素：$("元素A ~ 元素B") 选择A下面符合条件的所有兄弟元素

过滤选择器

1. $("元素:first") 选取该元素的第一个元素
2. $("元素:last") 选取该元素的最后一个元素
3. $("元素:not(.类名)") 选取该元素中不是这个类名的元素
4. $("元素:even/odd") 选取该元素中索引为偶数/奇数的元素
5. $("元素.eq(index值)") 选取该元素中索引为index的元素
6. $("元素.gt(n)") 选取该元素中索引大于n的元素
7. $("元素:lt(n)") 选取该元素中索引小于n的元素
8. $(":header") 选取网页中所有的h1~h6
9. $("元素:animated") 选取该元素中正在执行动画的元素

内容过滤器

1. $("元素:contains('内容')") 选取该元素中文本包含此内容的元素
2. $("元素:empty") 选取该元素中不包含子元素的元素
3. $("元素:has(标签1,标签2,,,,,)") 选取该元素后代中含有这个（些）标签的元素
4. $("元素:parent") 选取该元素中有子元素（包含文本元素）的元素

属性过滤器

1. $("元素[id名]") 选取该元素中有id的元素
2. $("元素[id=...]") 选取该元素中id为…的元素
3. $("元素[id!=...]") 选取该元素中id不为…的元素
4. $("元素[id^=...]") 选取该元素中id以…开头的元素，类似正则
5. $("元素[id$=...]") 选取元素中id以…结尾的元素
6. $("元素[id] [tittle]") 选取该元素中有id和title的元素

可见过滤器

1. $("元素:visible") 选取该元素中可见的
2. $("元素:hidden") 选取该元素中隐藏的

表单选择器

1. $(":input")
2. $(":text")
3. $(":password")
4. $(":checkbox")
5. …