語法
描述備註
$("*")
選取所有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值不能重複在文件...