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)"):
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"):
四、屬性過濾
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中的字元