怎么在jquery中使用children()方法篩選指定元素

這篇文章給大家介紹怎么在jquery中使用children()方法篩選指定元素，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

jquery是什么

jquery是一個(gè)簡潔而快速的JavaScript庫，它具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展、擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動(dòng)畫，以便快速開發(fā)網(wǎng)站。

1、children()方法

將在當(dāng)前jQuery對象每個(gè)匹配元素的所有子元素中篩選符合指定選擇器的元素。

用于選取每個(gè)匹配元素的子元素，并以jQuery對象的形式返回。

使用選擇器進(jìn)一步縮小篩選范圍，篩選出符合指定選擇器的元素。

2、使用語法

     $(selector).children(filter)

3、參數(shù)

參數(shù)可選，規(guī)定縮小搜索子元素范圍的選擇器表達(dá)式。

如果省略selector參數(shù)，則選取匹配元素的所有子元素。

4、返回值

返回獲取指定元素的資源

5、使用jquery中children()方法篩選獲取指定元素實(shí)例

　$("div").children(".p2");
　
　　<div>
　　　　<p>我是第一個(gè)P</p>　　　　　　　　//不會(huì)被選中，雖然我是div的子元素，但是我沒class=p2
　　　　<p class="p2">我是第二個(gè)P</p>　 //會(huì)被選中，我既是p的子元素，又有class=p2
　　　　<p>我是第三個(gè)P</p>　　　　　　　　//不會(huì)被選中，雖然我是div的子元素，但是我沒class=p2
　　　　<p>我是第四個(gè)P</p> 　　　　　　　 //不會(huì)被選中，雖然我是div的子元素，但是我沒class=p2
　　</div> 　

關(guān)于怎么在jquery中使用children()方法篩選指定元素就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。