成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

初學(xué)jQuery之選擇器

yankeys / 2538人閱讀

摘要：選擇器選擇器是什么的選擇器是用于定位頁面中的元素，其用法最初設(shè)計(jì)是源于的選擇其用法，但是的選擇器進(jìn)行了擴(kuò)展，遠(yuǎn)比的選擇器更加強(qiáng)大。

選擇器 選擇器是什么

jQuery的選擇器是用于定位HTML頁面中的元素，其用法最初設(shè)計(jì)是源于CSS的選擇其用法，但是jQuery的選擇器進(jìn)行了擴(kuò)展，遠(yuǎn)比CSS的選擇器更加強(qiáng)大。

基本選擇器

基本選擇去具有以下幾種：
1.ID選擇器
2.元素選擇器
3.類選擇器
4.通配符選擇器
5.組合選擇器
示例代碼如下：



臥龍學(xué)苑


前端開發(fā)
層級(jí)選擇器

jQuery的層級(jí)選擇器具有以下幾種：
1.后代選擇器 根據(jù)給定元素的祖先元素下匹配所有的后代元素
2.子選擇器 根據(jù)給定的父元素下匹配所有的子元素
3.相鄰兄弟選擇器 根據(jù)給定的目標(biāo)元素匹配下一個(gè)相鄰兄弟元素
4.普通兄弟選擇器 根據(jù)給定的目標(biāo)元素匹配后面所有兄弟元素
由于jQuery對(duì)象是類數(shù)組對(duì)象，及時(shí)匹配的元素只有一個(gè)，返回的結(jié)果依舊是類數(shù)組對(duì)象。
示例代碼如下：
基本過濾選擇器

jQuery的基本過濾選擇器具有以下幾種：
1.:first過濾選擇器 獲取第一個(gè)元素
2.：last過濾選擇器 獲取最后一個(gè)元素
3.：even過濾選擇器 匹配所有索引值為偶數(shù)的元素，從0開始
4.：odd過濾選擇器 匹配所有索引值為奇數(shù)的元素，從0開始
5.:eq（）過濾選擇器 匹配一個(gè)給定索引值的元素
6.:gt（）過濾選擇器 匹配所有大于給定索引值的元素
7.:lt（）過濾選擇器 匹配所有小于給定索引值的元素
8.:not（）過濾選擇器 去除所有與給定選擇器匹配的元素
9.:header過濾選擇器 匹配如h1 h2 h3 h4 h5 h6之類的標(biāo)題元素
10.:animated過濾選擇器 匹配正在執(zhí)行動(dòng)畫效果的元素（由jQuery實(shí)現(xiàn)的動(dòng)畫）
示例代碼如下：



這是標(biāo)題


這是標(biāo)題


臥龍學(xué)苑



    








前端開發(fā)
內(nèi)容過濾選擇器

jQuery中提供了以下幾種內(nèi)容過濾選擇器
1.：contains（）過濾選擇器 匹配包含給定位版本的元素
2.：empty過濾選擇器 匹配不包含子元素或者文本的空元素
3.：parent過濾選擇器 匹配有子元素或者文本的元素
4.：has（）過濾選擇去 匹配含有選擇器所匹配的元素的元素
示例代碼如下：



這是div元素
可見性過濾選擇器

1.：hidden過濾選擇器 匹配所有不可見元素，或者type為hidde的元素
2.：visible過濾器選擇器 匹配所有可見的元素



臥龍學(xué)苑


前端開發(fā)
屬性過濾選擇器

1.[attr]過濾選擇器 匹配包含給定屬性的元素
2.[attr=value]過濾選擇器 匹配給定的屬性是某個(gè)特定值的元素
3.[attr！=value]過濾選擇器 匹配不含有特定的屬性，或者屬性不等于特定值的元素
4.[attr^=value]過濾選擇器 匹配給定的屬性是以某些值開始的元素
5.[attr$=value]過濾選擇器 匹配給定的屬性是以某些值結(jié)尾的元素
6.[attr*=value]過濾選擇器 匹配給定的屬性是包含某些值的元素
7.組合過濾選擇器 匹配元素需要同時(shí)滿足多個(gè)屬性過濾器
子元素過濾選擇器

1.：nth-child（）過濾選擇器 匹配其父元素下的第N個(gè)子或奇偶元素
2.：first-child過濾選擇器 匹配第一個(gè)子元素
3.：last-child過濾選擇器 匹配最后一個(gè)子元素
4.：only-child過濾選擇器 如果某個(gè)元素是父元素中唯一的子元素，就會(huì)被匹配




    
這是id為d1的div元素

    
這是id為d2的div元素

    
這是id為d3的div元素
表單對(duì)象屬性過濾器

1.：enabled過濾選擇器 匹配所有可用元素
2.：disabled過濾選擇器 匹配所有不可用元素
3.：checked過濾選擇器 匹配所有選中的被選中元素
4.：selected過濾選擇器 匹配所有選中的




    
    html
    css
表單選擇器

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

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

相關(guān)文章

  • 初學(xué)jQuery之選擇器

    摘要：選擇器選擇器是什么的選擇器是用于定位頁面中的元素，其用法最初設(shè)計(jì)是源于的選擇其用法，但是的選擇器進(jìn)行了擴(kuò)展，遠(yuǎn)比的選擇器更加強(qiáng)大。 選擇器 選擇器是什么 jQuery的選擇器是用于定位HTML頁面中的元素，其用法最初設(shè)計(jì)是源于CSS的選擇其用法，但是jQuery的選擇器進(jìn)行了擴(kuò)展，遠(yuǎn)比CSS的選擇器更加強(qiáng)大。 基本選擇器 基本選擇去具有以下幾種：1.ID選擇器 2.元素選擇器3...

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

  • jQuery設(shè)計(jì)思想之理解篇

    摘要：創(chuàng)建新元素的方法非常簡單，只要把新元素直接傳入的構(gòu)造函數(shù)就行了七工具方法設(shè)計(jì)思想之六除了對(duì)選中的元素進(jìn)行操作以外，還提供一些與元素?zé)o關(guān)的工具方法。八事件操作設(shè)計(jì)思想之七，就是把事件直接綁定在網(wǎng)頁元素之上。 轉(zhuǎn)自：阮一峰 2011年7月26日 http://www.ruanyifeng.com/blo... jQuery是目前使用最廣泛的JavaScript函數(shù)庫。 據(jù)統(tǒng)計(jì)，全世界排名...

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

  • JavaScript入門的5條建議

    摘要：你是否已經(jīng)初步掌握了和，但完全不知道從何入手如果是，那么這篇文章一定會(huì)對(duì)你有所幫助，這里總結(jié)了條建議，幫助初學(xué)者總結(jié)學(xué)習(xí)方法，提高學(xué)習(xí)效率。這樣的結(jié)果就是，個(gè)小時(shí)最多只利用了個(gè)小時(shí)。 你是否已經(jīng)初步掌握了html和css，但完全不知道從何入手JavaScript？如果是，那么這篇文章一定會(huì)對(duì)你有所幫助，這里總結(jié)了5條建議，幫助JavaScript初學(xué)者總結(jié)學(xué)習(xí)方法，提高學(xué)習(xí)效率。 一、...

    李昌杰 評(píng)論0 收藏0

  • 初學(xué)Vue（五）-- 雙向綁定

    摘要：需要初始化處理一些數(shù)據(jù)時(shí)會(huì)比較有用，后面章節(jié)將有介紹。主要解綁一些使用監(jiān)聽的事件等。這些鉤子與和類似，也是作為選項(xiàng)寫入實(shí)例內(nèi)，并且鉤子的指向的是調(diào)用它的實(shí)例 你好，{{ name }} var app = new Vue({ el: #app, data: { name: } ...

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

  • jQuery 效率提升建議

    摘要：網(wǎng)上有一篇文章轉(zhuǎn)載比較泛濫，已經(jīng)不知道原文作者了，里面針對(duì)效率提升建議非?？茖W(xué)，現(xiàn)在重新組織里面的內(nèi)容并轉(zhuǎn)載。事實(shí)上，這種處理完全不必要。利用這一點(diǎn)，可以大大簡化事件的綁定。對(duì)象由于會(huì)對(duì)變更，速度會(huì)遠(yuǎn)慢于函數(shù)。 jQuery簡潔通用的方法集把編碼者從繁重的工作中解脫出來，也拉低了進(jìn)入javascript的門檻，初學(xué)者對(duì)瀏覽器兼容性一無所知的情況下，幾行代碼就可以寫出超炫的特效。網(wǎng)上有一...

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

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

0條評(píng)論

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