jQuery選擇器

pingan8787 發(fā)布于2019-08-26 13:42 / 2259人閱讀

摘要：選擇具有指定屬性的元素，其值與給定字符串完全一致。會選擇到第三個符合所有指定的屬性過濾器的元素。選擇同父代的最后一個子代元素。選擇所有被禁用的元素。選擇所有清除按鈕復(fù)位按鈕的元素。選擇所有文本輸入框的元素。

鏈接：jQuery選擇器

基本選擇器 Basics

*選擇所有元素

.class選擇class，如：$(".mybox")

element選擇element，如：$("p")

#id選擇id，如：$("#box")

selector1,selectorN可以同時選擇多個元素，如：$("div, p.box, #phone")

層級選擇器 Hierarchy

parent > child選擇指定元素下的指定子元素，如：$("ul.tonav > li")

ancestor descendant選擇一個元素里所有的后代元素，如：$("form input")

prev + next選擇所有指定元素后緊跟著的元素，如：$("label + input")

prev ~ siblings選擇與指定元素之后有相同父級的同級選擇器，如：$("#prev ~ div")

基本過濾器 Basic Filters

:animated選擇動畫進行中的所有元素。如：$("div:animated)

:eq(n)選取第n個元素，如：$("ul.tonav li:eq(n)")

:even選取偶數(shù)個元素，如：$("li:even")

:odd選取奇數(shù)個元素，如：$("li.odd")

:first選取第一個元素，如：$("li:first")

:gt(n)選取結(jié)果集中索引大于n的元素，n可以為負(fù)值，如：$(":gt(3)")

:lt(n)選取結(jié)果集中索引小于n的元素，n可以為負(fù)值，如：$(":lt(3)")

:header選取所有的標(biāo)題元素，例如h1、h2、h3...，如：$(":header")

:lang()選取指定語言的所有元素，，如：$("div:lang(zh-cn)")

:last選取最后一個符合的元素，如：$("li:last")

:not選取不符合的所有元素，如：$("input:not(:checked) + span")

:root選取作為文檔根目錄的元素

:target選取由文檔的圖片、視頻、音頻指示的目標(biāo)元素

內(nèi)容過濾器 Content Filters

:contains()選擇包含指定文本的所有元素，如：$("div:containers("home")")

:empty選擇沒有子元素或內(nèi)容文字的元素，如：$("td:empty"))

:has()選擇包含至少一個匹配指定選擇器的元素的元素，如：$("div:has(p)"))

:parent選擇至少有一個子節(jié)點（元素或文本）的所有元素

可視選擇器 Visibility Filters

:hidden選擇所有隱藏的元素，如：$("div:hidden").show(3000));

:visible選擇所有隱藏的元素，如：
$("div:visible").click(function() {$(this).css("background", "yellow");});

屬性選擇器 Attribute

[name]選擇具有指定屬性的元素（使用任何值都可以）。如：$("div[id]")

[name|="value"]選擇具有指定屬性的元素，其值等于給定的字符串，或者以該字符串開頭，后跟連字符（-）。

$("a[href="about.html"]");  //選擇 a 鏈接的 href 屬性包含 "about.html" 的元素

[name*="value"]選擇具有包含給定子字符串的值得指定屬性的元素。

$("input[name*="man"]");  //選擇所有的 name 屬性包含 "man" 的 input 元素

[name~="value"]選擇具有指定屬性的元素，其中包含由空格分隔的給定單詞的值。

$("input[name~="man"]");  //會選擇到前兩個 input 元素

[name$="value"]選擇具有指定屬性的元素，其值與給定字符串精確匹配，要區(qū)分大小寫。如：$("input[name$="letter"]")

[name="value"]選擇具有指定屬性的元素，其值恰好等于特定值，如：$("input[value="Hot Fuzz"]")會選到value等于Hot Fuzz的input

[name!="value"]選擇不具有指定屬性的元素，或者具有指定蘇醒但不具有特定值的元素。如：$("input[name!="newsletter"]")，name屬性值為newsletter的不選。

[name^="value"]選擇具有指定屬性的元素，其值與給定字符串完全一致。

$("input[name^="news"]");  //會選擇到第三個 input

[name="value"][name2="value2"]符合所有指定的屬性過濾器的元素。如：$("input[id][name$="man"]")

子代過濾器 Child Filters

:first-child選擇同父代的第一個子代元素。

:first-of-type選擇同一元素名稱的兄弟中的第一個元素。

:last-child選擇同父代的最后一個子代元素。

:last-of-type選擇同一元素名稱的兄弟中的最后一個元素。

:nth-child()選擇同父代的第n個子代元素。

:nth-last-child()選擇同父代的倒數(shù)第n個子代元素。

:nth-last-of-type()選擇同父代的倒數(shù)第n個子代元素。

:nth-of-type()選擇同父代的第n個子代元素。

:only-child選擇只有一個子代的元素。

:only-of-type()選擇所有沒有同名元素的兄弟元素。如：$("div.button:only-child")選擇只有一個button的div

表單選擇器

:button選擇所有按鈕元素和按鈕類型的元素。

:checkbox選擇所有得可取塊的元素。

:checked選擇所有選中的元素。

:disabled選擇所有被禁用的元素。

:enabled選擇所有已啟用的元素。

:focus選擇當(dāng)下被focus的元素。

:file選擇file類型的元素。

:image選擇圖像類型的所有的元素。

:input選擇所有input、textarea、select和button元素。

:password選擇所有密碼類型的元素。

:radio選擇所有選項按鈕的元素。

:reset選擇所有清除按鈕（復(fù)位按鈕）的元素。

:selected選擇所有選中的元素。

:submit選擇所有提交類型的元素。

:text選擇所有文本輸入框的元素。

云服務(wù)器 GPU云服務(wù)器 jquery常用選擇器 jquery過濾選擇器 jquery雙向選擇器 jquery選擇器空格

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109360.html

發(fā)表評論

登陸后可評論

0條評論

pingan8787

男|高級講師

我要關(guān)注我要私信

TA的文章

查詢tensorflow版本

閱讀 698·2023-04-25 22:50
記錄不存在則插入，存在則更新 → MySQL 的實現(xiàn)方式有哪些？

閱讀 1531·2021-10-08 10:05
阿里云存儲，讓更多的創(chuàng)新在身邊發(fā)生

閱讀 987·2021-09-30 09:47
自動化測試系列（三）|UI測試

閱讀 1921·2021-09-28 09:35
C++入門—namespace的使用傻傻分不清楚&C++中函數(shù)的參數(shù)也可以配備胎&a

閱讀 825·2021-09-26 09:55
大數(shù)求余C++（超級牛逼）

閱讀 3416·2021-09-10 10:51
【C語言進階】字符串&內(nèi)存函數(shù)

閱讀 3431·2021-09-02 15:15
80VPS：日本/香港CN2服務(wù)器首月420元(續(xù)費600元),E5/16G/1TB/20M帶寬

閱讀 3297·2021-08-05 09:57

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

jQuery選擇器

相關(guān)文章

jQuery入門筆記之（一）選擇器引擎