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

資訊專欄INFORMATION COLUMN

jQuery選擇器

pingan8787 / 2254人閱讀

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

鏈接：jQuery選擇器
基本選擇器 Basics

*選擇所有元素

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

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

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

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

層級(jí)選擇器 Hierarchy

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

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

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

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

基本過(guò)濾器 Basic Filters

:animated選擇動(dòng)畫(huà)進(jìn)行中的所有元素。如：$("div:animated)

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

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

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

:first選取第一個(gè)元素，如：$("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()選取指定語(yǔ)言的所有元素，，如：$("div:lang(zh-cn)")

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

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

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

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

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

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

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

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

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

可視選擇器 Visibility Filters

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

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

屬性選擇器 Attribute

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

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

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

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

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

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




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

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

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

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

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




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

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

子代過(guò)濾器 Child Filters

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

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

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

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

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

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

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

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

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

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

表單選擇器

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

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

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

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

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

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

:file選擇file類型的元素。

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

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

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

:radio選擇所有選項(xiàng)按鈕的元素。

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

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

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

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

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

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

相關(guān)文章

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

    摘要：選擇器，若未作特別說(shuō)明，獲取的都是元素集合。過(guò)濾器名語(yǔ)法說(shuō)明選取所有不可見(jiàn)元素選取所有可見(jiàn)元素注意過(guò)濾器一般是包含的內(nèi)容為樣式為表單類型為和的元素。四子元素過(guò)濾器子元素過(guò)濾器的過(guò)濾規(guī)則是通過(guò)父元素和子元素的關(guān)系來(lái)獲取相應(yīng)的元素。 轉(zhuǎn)自個(gè)人博客本來(lái)是單獨(dú)整理了一個(gè)CSS選擇器的，但是在jQuery中基本都有對(duì)應(yīng)的，所以就不發(fā)了。 jQuery選擇器，若未作特別說(shuō)明，獲取的都是元素集合。...

    charles_paul 評(píng)論0 收藏0

  • jQuery 選擇器

    摘要：選擇器選擇器一基本選擇器語(yǔ)法說(shuō)明選擇文檔中的所有元素元素選擇器，選擇所有的元素，返回?cái)?shù)組選擇器，返回單個(gè)元素選擇器，返回?cái)?shù)組并列選擇器，返回所有的元素和元素二層次選擇器語(yǔ)法說(shuō)明后代選擇器，選擇所有元素下面的所有子元素，包含非直接 title: jQuery 選擇器date: 2017-01-07 20:32:26 tags: [jQuery, 選擇器] 一、基本選擇器 語(yǔ)法 說(shuō)明...

    gghyoo 評(píng)論0 收藏0

  • jQuery 對(duì)象、基本選擇器、篩選選擇器

    摘要：代表的上下文對(duì)象是一個(gè)的上下文對(duì)象，可以調(diào)用的方法和屬性值特殊選擇器點(diǎn)擊測(cè)試通過(guò)原生處理點(diǎn)擊測(cè)試通過(guò)原生處理直接通過(guò)的方法改變顏色通過(guò)包裝成對(duì)象改變顏色 DOM對(duì)象轉(zhuǎn)化成jQuery對(duì)象 如果傳遞給$(DOM)函數(shù)的參數(shù)是一個(gè)DOM對(duì)象，jQuery方法會(huì)把這個(gè)DOM對(duì)象給包裝成一個(gè)新的jQuery對(duì)象 元素一 元素二 元素三 var ...

    source 評(píng)論0 收藏0

  • 前端基礎(chǔ)入門五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

    摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見(jiàn)的效果。想要實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫(huà)非常簡(jiǎn)單，而且功能更加的強(qiáng)大。注意選擇器返回的是對(duì)象。 jQuery基本概念 學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見(jiàn)的效果。 為什么要學(xué)習(xí)jQuery？ 【01-讓div顯示與設(shè)置內(nèi)容.html】 使用javasc...

    nevermind 評(píng)論0 收藏0

  • 前端基礎(chǔ)入門五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

    摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見(jiàn)的效果。想要實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫(huà)非常簡(jiǎn)單，而且功能更加的強(qiáng)大。注意選擇器返回的是對(duì)象。 jQuery基本概念 學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見(jiàn)的效果。 為什么要學(xué)習(xí)jQuery？ 【01-讓div顯示與設(shè)置內(nèi)容.html】 使用javasc...

    codecook 評(píng)論0 收藏0

  • 前端基礎(chǔ)入門五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

    摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見(jiàn)的效果。想要實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫(huà)非常簡(jiǎn)單，而且功能更加的強(qiáng)大。注意選擇器返回的是對(duì)象。 jQuery基本概念 學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見(jiàn)的效果。 為什么要學(xué)習(xí)jQuery？ 【01-讓div顯示與設(shè)置內(nèi)容.html】 使用javasc...

    WalkerXu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<