Jquery入門學習篇 選擇器(二)

2021-08-31 04:55:30 字數 975 閱讀 1450

實驗基於「jquery入門學習篇--選擇器(一)」中附件可以動手測試

jquery自定義選擇器:

1. $(":button")-----------------:button選擇任何按鈕,匹配input的type值為submit、reset、button或button

2. $(":checkbox")--------------:checkbox匹配所有核取方塊元素

3. $(":checked")----------------:checked匹配選中的核取方塊或者單選按鈕

4. $("li:eq(1):contains(css1) ")--------:contains(text)匹配包含text文字的所有元素

5.類似還有:file、:disabled、:enabled、:radio、:visible、:selected、:password、:hidden等

not篩選器:

input:not(:text)------------------匹配所有input框的型別不為text的所有元素

size、get和index:

1.$("li").size()--------size()返回陣列個數

2.$("li").get(n)--------------get(n)返回元素陣列指定的個數 n從0開始 n  如果n為空則返回陣列

3.$("li").index($("li a[href*=com]").get(0))----------逆推上面2得到$("li a[href*=com]").get(0)元素在$("li")元素下標位置

add()或關係  擴大包裝集合:

$('img[alt]').add('img[title]')------取得img標籤帶有alt或者帶有title的所有元素 等同於 $('img[alt],img[title]')

not()  縮小包裝集合,與add()完成的功能相反。用filter()方法過濾同樣可以達到該效果

clone()、end()

jQuery 選擇器篇

jquery選擇器是jquery提供的一組方法,讓我們更加方便的獲取到頁面中的元素。注意 jquery選擇器返回的是jquery物件。特點 jquery選擇器有很多,基本相容了css1到css3所有的選擇器,並且jquery還新增了很多更加複雜的選擇器 序號名稱 用法描述 1id選擇器 id 獲取指...

jQuery學習教程二 jQuery選擇器

在前面的章節中,我們展示了一些有關如何選取 html 元素的例項。關鍵點是學習 jquery 選擇器是如何準確地選取您希望應用效果的元素。jquery 元素選擇器和屬性選擇器允許您通過標籤名 屬性名或內容對 html 元素進行選擇。選擇器允許您對 html 元素組或單個元素進行操作。在 html d...

jQuery學習(二) jQuery選擇器總結

名稱 用法描述 id選擇器 id 獲取指定id的元素 類選擇器 class 獲取同一類class的元素 標籤選擇器 div 獲取同一類標籤的所有元素 並集選擇器 div,p,li 使用逗號分隔,只要符合條件之一就可 交集選擇器 div.redclass 獲取class為redclass的div元素 ...