Jquery選擇器(三)

2022-01-13 18:37:03 字數 1820 閱讀 5739

過濾選擇器

4、屬性過濾器

查詢所有含有 id 屬性的 div 元素

$(document).ready(function());

test1

test2

查詢所有name是qin的input並選中

$(document).ready(function());

查詢所有name不是qin的input並選中

$(document).ready(function());

查詢所有name以qin開頭的input

$(document).ready(function());

查詢所有name以lol結尾的input並選中

$(document).ready(function());

查詢所有name包含o的input並選中

$(document).ready(function());

查詢所有含有id屬性的並且name的結尾是e的input並選中

$(document).ready(function());12

35.子元素過濾選擇器

匹配ul的第二個li (索引從1開始)

$(document).ready(function());

只匹配ul第1個元素

$(document).ready(function());

匹配ul最後乙個li

$(document).ready(function());

匹配ul中是唯一的li

$(document).ready(function());

test1

test212

36.表單物件屬性過濾選擇器

匹配所有可用的input元素

$(document).ready(function());

匹配所有不可用的input元素

$(document).ready(function());

匹配所有選中的input元素((核取方塊、單選框等,不包括select中的option))

$(document).ready(function());

匹配所有選中的option元素(下拉列表)

$(document).ready(function());12

3disabled

qinyi

test

7.7.表單選擇器

匹配所有input型別:

$(document).ready(function());

匹配所有文字框:

$(document).ready(function());

匹配所有密碼框:

$(document).ready(function());

匹配所有單選按鈕:

$(document).ready(function());

匹配所有核取方塊:

$(document).ready(function());

匹配所有提交按鈕:

$(document).ready(function());

test1

test2

jQuery選擇器(三)

子元素過濾選擇器 l nth child 選擇器詳解如下 1 nth child even odd 能選取每個父元素下的索引值為偶 奇 數的元素 2 nth child 2 能選取每個父元素下的索引值為2 的元素 3 nth child 3n 能選取每個父元素下的索引值是3 的倍數的元素 3 nth...

三 jQuery選擇器

1 層次選擇器 4 p div 選取p元素下的所有div p div 選取p元素 下的div子元素 p div 選取p元素的一下個 同胞div元素 等價於 p next div p div 選取p元素後面所有 同胞div元素 等價於 p nextall div 後面的同輩 對比 p siblings...

jQuery學習筆記(三) jQuery選擇器2

4 內容過濾選擇器 內容過濾選擇器根據元素中的文字內容或所包含的子元素特徵獲取元素,其文字內容可以模糊或絕對匹配進行元素定位,其詳細說明如下表所示 內容過濾選擇器語法 選擇器功能返回值 contains text 獲取包含給定文字的元素 元素集合 empty 獲取所有不包含子元素或者文字的空元素 元...