本小爺自從學(xué)習(xí)了jq栗竖,再也不想寫原生的js了暑脆,出于我對jq的喜愛,今天興趣來了狐肢,想寫篇jq的文章添吗。。嘿嘿份名!
選擇器 $("selector")
一碟联、基本選擇器 ?
?1 ? id選擇器 ?#id ?
?2 ?類選擇器 ?.class
?3 ?元素選擇器 element
?4 群組選擇器 selector1,selector2僵腺,selector3……
?5 通用選擇器 ?*
二鲤孵、層級選擇器
1、后代選擇器 ? ?selector1 ?selector2 ??
2辰如、子元素選擇器 ?selector >
3普监、緊鄰?fù)呥x擇器 ?selector +
4、相鄰的同輩選擇器 ? selector ~
三琉兜、表單元素選擇器
1凯正、獲取表單中所有的input ?select textare 元素 ? :input
2、:text ?匹配所有文本框
3豌蟋、:password ?匹配所有密碼框
4廊散、:radio 匹配所有單選按鈕
5、:checkbox 匹配所有復(fù)選框
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 選擇索引值為奇數(shù)的元素 從0開始
7败明、selector:even 選擇索引值為偶數(shù)的元素 從0開始
8隘马、selector:not(selector)選擇所有元素不包括給定選擇器的元素
9、selector:header 選擇所有標(biāo)題元素
10妻顶、selector:animated 選擇正在執(zhí)行動畫的元素
11酸员、selector:root選擇文檔的根元素
12、selector:lang(language)選擇給定語言的元素
五讳嘱、內(nèi)容過濾選擇器
1幔嗦、:contains (指定文本)選擇所有包含指定文本的元素
2、:has(selector)選擇至少包含指定選擇器的元素
3沥潭、:empty ?篩選出空元素
4邀泉、:parent 篩選出非空元素
六、屬性過濾選擇器
1钝鸽、[attribute] 選出所具有指定屬性的元素
2汇恤、[attribute=value] 篩選出含有指定屬性值的元素
3、[attribute拔恰!=value] 篩選出屬性值不等于指定值的元素
4屁置、[attribute^=value]篩選出屬性值以指定值開頭的元素
5、[attribute$=value]篩選出屬性值以指定值結(jié)尾的元素
6仁连、[attribute*=value]篩選出屬性值包含指定值的元素
7蓝角、[attribute1][attribute2]……[attribureN] 篩選出包含多個指定屬性的元素
8、[attribute~=value]篩選出指定屬性用空格分隔的值中包含指定值的元素
七饭冬、子元素過濾選擇器
1使鹅、:first-child 所有父級元素下的第一個子元素
2、:last-child 所有父級元素下的最后一個子元素
3昌抠、:nth-last-child 選擇的所有父元素的第n個子元素 倒數(shù)的
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 選中的下拉列表?
簡單易懂的選擇器茬故,更方便使用盖灸!