可見(jiàn)性篩選選擇器和屬性篩選選擇器

10年積累的網(wǎng)站建設(shè)、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有井岡山免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

1  可見(jiàn)性篩選選擇器

$(":visible")    選擇所有顯示的元素

$(":hidden")    選擇所有隱藏的元素，包含display=“none”元素的樣式和隱藏表單、visibility等

2  隱藏元素的方式

  css  display的值是none

  type=“hidden”的表單元素

  寬度和高度都顯示設(shè)置為0

  祖先元素是隱藏的，該元素不會(huì)在頁(yè)面上顯示

  css  visibility的值是hidden

  css  opacity的值是0

3  元素占據(jù)文檔中一定的空間是可見(jiàn)的，所以元素的寬度和高度大于零

4  元素的visibility：hidden或opacity：0是可見(jiàn)的，仍然占據(jù)空間布局

5  不在文檔中的元素是不可見(jiàn)的，插入文檔中JQuery沒(méi)有辦法知道是否可見(jiàn)，因?yàn)樵乜梢?jiàn)性依賴于使用的樣式

6  屬性選擇器可以基于屬性定位元素，可以指定該元素的某個(gè)屬性，所有使用該屬性而不管它的值，這個(gè)元素都將被定位，也可以更加明確并定位在這些屬性上使用特定值的元素

7   屬性選擇器

$("[attribute|='value']")    選擇指定屬性值等于給定字符串或以該文字串為前綴

(該字符串后跟一個(gè)連字符"-"）的元素

$("[attribute*='value']")    選擇指定屬性具有包含一個(gè)給定的子字符串的元素（選擇給定的屬性是以包含某些值的元素）

$("[attribute~='value']")    選擇指定屬性用空格分隔的值包含一個(gè)給定值的元素

$("[attribute='value']")    選擇指定屬性是給定值的元素

$("[attribute!='value']")    選擇不存在指定屬性，或者指定的屬性值不等于給定值的元素

$("[attribute^='value']")    選擇指定屬性是以給定字符串開(kāi)始的元素

$("[attribute$='value']")    選擇指定屬性是以給定值結(jié)尾的元素，這個(gè)比較是區(qū)分大小寫(xiě)的

$("[attribute]")    選擇所有具有指定屬性的元素，該屬性可以是任何值

$("[attribute1][attributeFilterN]")    選擇匹配所有指定的屬性篩選器的元素

8  瀏覽器支持

  [att=val]、[att]、[att|=val]、[att~=val]屬于CSS2.1規(guī)范

  [ns|attr]、[att^=val]、[att*=val]、[att$=val]屬于CSS3規(guī)范

  [name!="value"]屬于JQuery擴(kuò)展的選擇器

9  [attr="value"]和[attr*="value"]是最實(shí)用的

10   [attr="value"]能定位不同類型的元素，特別是表單form元素的操作，比如input[type="text"]和input[type="checkbox"]等

11  [attr*="value"]能在網(wǎng)站中匹配不同類型的文件

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享題目：JQuery選擇器——可見(jiàn)性篩選選擇器和屬性篩選選擇器-創(chuàng)新互聯(lián)
本文來(lái)源：http://chinadenli.net/article46/ecdhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、用戶體驗(yàn)、外貿(mào)建站、App開(kāi)發(fā)、服務(wù)器托管、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)