Jquery过滤选择器

一、简单的选择器

1、$(div.class)：选择所有class类型的div

2、$(".class ~ #menu")可写成 $(".class").nextAll("#menuf"):选择class后所有的兄弟#menu

3、$(".class + #menu")可写成 $(".class").next("#menuf"):选择class后的第一个兄弟#menu，如果后面第一个元素不是#menu这条语句则无效

二、基本过滤选择器

1、$("div:first")：选择所有div中第一个div

2、$("div:not(.bb)"):选择不包括.bb的其他所有的div

3、$("div:eq(index)")：选择索引等于index的div元素

4、$("div:gt(index)")：选择索引大于index的div元素(不等于)

5、$("div:lt(index)")：选择索引小于index的div元素（不等于）

6、$(":header")：选择所有的h元素(只能这么写)

7、$("div:animated")：选择div中所有正在执行动画的div元素

三、内容过滤

1、$("div:contains('我')")：选取div的内容为"我"的元素

2、$("div:empty")：选取所有div中不包含子元素且不包含文本的空div

3、$("div:has(p)")：选取带p元素的div

4、$("div:parent")：选取不是空的div

四、属性过滤

1、$("div:[attribute=value]")：选取div属性值等于value的元素

2、$("div:[attribute!=value]")：

3、$("div:[attribute^=value]")：选取div属性值以value开始的元素

4、$("div:[attribute$=value]")：选取div属性值以value结束的元素

5、$("div:[attribute*=value]")：选取div属性值含有value的元素

四、子元素过滤

1、$("div:first-child")：选取第一个div

2、$("div ul li:only-child")：选取 div下（ul li）中的ul只包含一个li的div（只看后两位是否合适）

3、$("div ul li:nth-child(even)")：选取 div下（ul li）的ul中第二个li的div（只看后一位是否合适）

4、$("div ul li:nth-child(3n+1)")：选取 div下（ul li）的ul中li是3倍数+1的div（只看后一位是否合适）

五、表单属性过滤器

1、$("#form：enabled")：选取form中所有可用元素

2、$("#form：disabled")：选取form中所有不可用元素

3、$("input：checked")：选取input中所有勾选元素

4、$("select：selected")：选取select中所有被选中的元素

5、$("select").change：当select中内容改变时立刻执行

6、$('ul li').filter(":contains('佳能'),:contains('奥林巴斯')").css("font-size","30px")：选取li中包含或子标签包含contains中的字符