亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

基于jquery中children()與find()的區別介紹

2019-11-20 22:45:55
字體:
來源:轉載
供稿:網友

.children(selector) 方法是返回匹配元素集合中每個元素的所有子元素僅兒子輩)。參數可選,添加參數表示通過選擇器進行過濾,對元素進行篩選。

.find(selector)方法是返回匹配元素集合中每個元素的后代。參數是必選的,可以為選擇器、jquery對象可元素來對元素進行篩選。

.find() 與 .children() 方法類似,不同的是后者僅沿著 DOM 樹向下遍歷單一層級。這里的children,我理解為兒子,只在兒子這一級遍歷。看下例子:

復制代碼 代碼如下:

.children(selector) 方法是返回匹配元素集合中每個元素的所有子元素(僅兒子輩)。參數可選,添加參數表示通過選擇器進行過濾,對元素進行篩選。

.find(selector)方法是返回匹配元素集合中每個元素的后代。參數是必選的,可以為選擇器、jquery對象可元素來對元素進行篩選。

.find() 與 .children() 方法類似,不同的是后者僅沿著 DOM 樹向下遍歷單一層級。這里的children,我理解為兒子,只在兒子這一級遍歷。看下例子:   


復制代碼 代碼如下:

$('ul.level-2').children().css('background-color', 'red');

這行代碼的結果是,項目 A, B, C 得到紅色背景。由于我們沒有應用選擇器表達式,返回的 jQuery 對象包含了所有子元素。如果應用一個選擇器的話,那么只會包括匹配的項目。

在看個例子:

復制代碼 代碼如下:

    <script> 
    $(document).ready(function(){ 
        $("#abc").children(".selected").css("color", "blue"); 
    }); 
    </script> 
    <div id="abc"> 
        <span>Hello</span> 
        <p class="selected">Hello Again</p> 
        <div><--換成<p> 
            <div class="selected">And Again</div> 
            <span class="selected">aaAnd Again</span> 
        </div><--換成</p> 
        <p>And One Last Time</p> 
    </div> 

得到的結果如下:


這個是預期的結果,但是如果將上面的<div>換成<p>,見上面代碼注釋,得到的結果卻是:


.find()方法要注意的知識點:

1、find是遍歷當前元素集合中每個元素的后代。只要符合,不管是兒子輩,孫子輩都可以。

2、與其他的樹遍歷方法不同,選擇器表達式對于 .find() 是必需的參數。如果我們需要實現對所有后代元素的取回,可以傳遞通配選擇器 '*'。

3、find只在后代中遍歷,不包括自己。

4、選擇器 context 是由 .find() 方法實現的;因此,$('li.item-ii').find('li') 等價于 $('li', 'li.item-ii')。

選擇器的語法是:jQuery(selector, [context])

一般情況對jquery的選擇器的用法,都是做為第一個參數的用法。其實jquery()函數的這種用法還可以傳遞第二個參數。傳遞這個參數的目的是將前面選擇器限定在context這個環境中。在默認情況下,即不傳第二個參數,選擇器從文檔根部對 DOM 進行搜索($()將在當前的HTML document中查找DOM元素);如果指定了第二個參數,如一個DOM元素集或jquery對象,那就會在這個context中查找。

下面看個例子

復制代碼 代碼如下:

$("div.foo").click(function() { 
    $("span", this).addClass("bar"); 
});

由于我們已經將 span 選擇器限定到 this 這個環境中,只有被點擊元素中的 span 會得到附加的class。
在內部,選擇器 context是通過 .find() 方法實現的,因此 $("span", this) 等價于 $(this).find("span"),$('li.item-ii').find('li') 等價于 $('li', 'li.item-ii')

find()更多內容請訪問:http://www.w3school.com.cn/jquery/traversing_find.asp

children()更多內容請訪問:http://www.w3school.com.cn/jquery/traversing_children.asp

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美激情网友自拍| 成人国内精品久久久久一区| 日本一区二区在线播放| 亚洲无限乱码一二三四麻| 亚洲国产精品va| 国产欧美一区二区三区视频| 精品国产91久久久久久老师| 久久999免费视频| 久久久精品国产亚洲| 一本色道久久综合亚洲精品小说| 夜夜躁日日躁狠狠久久88av| 一区二区三区动漫| 国内精品久久久久伊人av| 亚洲高清免费观看高清完整版| 亚洲精品一区二区网址| 国产免费成人av| 久久免费少妇高潮久久精品99| 成人在线免费观看视视频| 亚洲理论片在线观看| 国产精品色婷婷视频| 国产成人在线一区| 精品久久久91| 最近2019年中文视频免费在线观看| 欧美日韩亚洲激情| 成人免费福利视频| 久久精品视频在线播放| 亚洲欧美国产日韩中文字幕| 亚洲精品美女在线观看| 懂色av影视一区二区三区| 亚洲日本欧美日韩高观看| 欧美夫妻性生活视频| 国产91精品久久久久久久| 亚洲国产精久久久久久| 日韩a**站在线观看| 欧美老肥婆性猛交视频| 亚洲丝袜av一区| 日韩欧美999| 久久国产精品久久久| 亚洲欧美成人一区二区在线电影| 日韩欧美在线看| 欧美国产日韩一区二区| 中文字幕欧美日韩在线| 中文字幕一区二区精品| 在线观看视频亚洲| 人人澡人人澡人人看欧美| 国产色综合天天综合网| 欧美精品www在线观看| 久久久噜噜噜久久| 国产日韩欧美成人| 国产精品久久久久久久app| 国产精品欧美一区二区| 日韩av黄色在线观看| 日韩美女视频免费在线观看| 在线观看日韩欧美| 亚洲人成在线一二| 久久久精品视频在线观看| 亚洲人成五月天| 欧美成人午夜剧场免费观看| 国产成人亚洲综合青青| 深夜福利国产精品| 日本久久91av| 91欧美日韩一区| 午夜美女久久久久爽久久| 日韩在线观看免费网站| 热久久99这里有精品| 国产日韩av在线播放| 久久99精品国产99久久6尤物| 91av在线影院| 最近更新的2019中文字幕| 国产欧美在线视频| 亚洲久久久久久久久久| 欧美日韩国产限制| 成人在线小视频| 91av视频在线播放| 国产精品www| 欧美性猛交xxxx富婆| 国产亚洲精品久久久久久777| 国产网站欧美日韩免费精品在线观看| 国产精品久久久久久久久久新婚| 欧洲亚洲免费在线| 91性高湖久久久久久久久_久久99| 亚洲黄色av女优在线观看| 成人福利网站在线观看| 亚洲精品动漫久久久久| 欧美黄色www| 国产精品电影久久久久电影网| 午夜免费在线观看精品视频| 日韩美女写真福利在线观看| 日韩av综合网站| 亚洲第一av网| 精品国产欧美一区二区五十路| 久久夜色精品亚洲噜噜国产mv| 亚洲日韩中文字幕| 亚洲精品欧美日韩专区| 国产99久久精品一区二区 夜夜躁日日躁| 91深夜福利视频| 国产精品欧美风情| 久久偷看各类女兵18女厕嘘嘘| 欧美大片在线看免费观看| 国产成人亚洲综合青青| 国产精品偷伦一区二区| 亚洲japanese制服美女| 欧美亚洲成人免费| 欧美整片在线观看| 亚洲图片在线综合| 国产亚洲日本欧美韩国| 国产专区欧美专区| 日韩极品精品视频免费观看| 国内精品久久影院| 国产精品三级美女白浆呻吟| 狠狠色狠狠色综合日日小说| 欧美激情伊人电影| 亚洲午夜久久久影院| 国产日韩在线观看av| 91精品国产一区| 国产福利精品在线| 日韩精品视频免费| 亚洲精品视频免费| 成人网在线观看| 欧美大片免费观看在线观看网站推荐| 欧美日韩国产精品一区二区不卡中文| 国产做受高潮69| 高清亚洲成在人网站天堂| 国产精品91久久久| 日韩电影中文字幕| 98视频在线噜噜噜国产| 国产欧美日韩专区发布| 久久激情视频免费观看| 91高清免费在线观看| 欧美夫妻性生活xx| 亚洲国产中文字幕久久网| 日韩有码片在线观看| 国产精品露脸自拍| 中文字幕日韩精品有码视频| 日韩亚洲欧美中文在线| 97精品一区二区三区| 啪一啪鲁一鲁2019在线视频| 亚洲欧美激情另类校园| 国产精品久久久久久久久影视| 欧美成人精品三级在线观看| 欧美极品少妇xxxxⅹ免费视频| 国产精品久久久久久av福利| 亚洲视频在线观看| 日韩一区av在线| 欧美日韩国产一中文字不卡| 久久艳片www.17c.com| 亚洲精品av在线| 日韩免费视频在线观看| 伊人久久免费视频| 6080yy精品一区二区三区| 日韩在线精品一区| 日本成人在线视频网址| 亚洲国产精品va在线看黑人动漫| 日韩一级裸体免费视频| 国产成人精品视| 欧美精品激情在线| 精品露脸国产偷人在视频| 国产成人一区二| 久久精品国产一区二区三区| 欧美三级xxx| 国产日韩精品在线播放| 揄拍成人国产精品视频| 成人免费自拍视频| 97人洗澡人人免费公开视频碰碰碰|