jQuery常用選擇器總結 超詳細

2021-09-26 09:00:17 字數 1603 閱讀 7603

語法

描述備註

$("*")

選取所有html元素

$(this)

選取當前html元素

$(「p.intro」)

選取class為intro的元素

$(「p.first」)

選取第乙個元素

$(「ul li:first」)

選取第乙個元素的第乙個元素

$(「ul li:first-child」)

選取每乙個元素的第乙個元素

$("[href]")

選取帶有href屬性的元素

"[ ]「可以理解為屬性,比如[href]表示帶有href屬性的元素;」:"可以理解為種類,比如p:first表示p類標籤的第乙個

$(「a[target=』_blank』]」)

選取所有target屬性值等於"_blank"的元素

$(「a[target!=』_blank』]」)

選取所有target屬性值不等於"_blank"的元素

$(":button")

選取所有type=「button」的元素和元素

如果去掉冒號,則只能獲取到元素

$(「tr:even」)

選取偶數字置的元素

方便設定列表交替行樣式

$(「tr:ood」)

選取奇數字置的元素

//復合選擇器$(

"#id"

,".class"

)//層級選擇器 div下的p元素中的span元素

$(div p span)

//父子選擇器 div下的所有p元素

$(div>p)

//相鄰元素選擇器 div後面的p元素(僅乙個p)

$(div+p)

//兄弟選擇器 div後面的所有p元素(同級別)

$(div~p)

//類選擇器 加 過濾選擇器 第乙個和最後乙個(first 或者 last) $(

.p:last)

//層級選擇 加 過濾選擇器 奇偶(odd 或者 even)$(

"#mytable td:odd"

)//索引選擇器 div下的第三個p元素(索引是從0開始)$(

"div p:eq(2)"

)//屬性選擇器$(

)// 內容過濾選擇器,包含text內容的p元素$(

"p:contains(test)"

)//內容過濾選擇器,所有空標籤(不包含子標籤和內容的標籤)parent 相反$(

":emtyp"

)//所有隱藏元素 visible $(

":hidden"

)//選取所有啟用的表單元素 $(

"input:enabled"

)//所有不可用的元素$(

":disabled"

)//獲取所有選中的核取方塊單選按鈕等 $(

"input:checked"

)//獲取選中的選項元素$(

"select option:selected"

)

JQuery常用選擇器總結

作為 開發者來說,不可避免的需要和頁面打交道,很多時候都需要去操作一些頁面上的元素,掌握常用的jquery選擇器是十分有必要的。現從網上整理一些常用的jquery選擇器,希望能給大家帶來一些開發上的便利。一 基本選擇器 myelement 選擇id值等於myelement的元素,id值不能重複在文件...

JQuery常用選擇器總結

作為 開發者來說,不可避免的需要和頁面打交道,很多時候都需要去操作一些頁面上的元素,掌握常用的jquery選擇器是十分有必要的。現從網上整理一些常用的jquery選擇器,希望能給大家帶來一些開發上的便利。一 基本選擇器 myelement 選擇id值等於myelement的元素,id值不能重複在文件...

JQuery常用選擇器總結

作為 開發者來說,不可避免的需要和頁面打交道,很多時候都需要去操作一些頁面上的元素,掌握常用的jquery選擇器是十分有必要的。現從網上整理一些常用的jquery選擇器,希望能給大家帶來一些開發上的便利。一 基本選擇器 myelement 選擇id值等於myelement的元素,id值不能重複在文件...