Jquery選擇子控件"大于號(hào)"和" "區(qū)別介紹及使用示例
更新時(shí)間：2013年06月25日 17:39:54 作者：
Jquery選擇子控件”>“：在給定的父元素下匹配所有的子元素；另一個(gè)就是在給定的祖先元素下匹配所有的后代元素，具體概述及使用示例如下，感興趣的朋友可以參考下哈
parent > child
概述
在給定的父元素下匹配所有的子元素
參數(shù)
parentSelector任何有效選擇器
childSelector用以匹配元素的選擇器，并且它是第一個(gè)選擇器的子元素
示例
描述:
匹配表單中所有的子級(jí)input元素。
HTML 代碼:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代碼:
$("form > input")
結(jié)果:
[ <input name="name" /> ]
ancestor descendant
概述
在給定的祖先元素下匹配所有的后代元素
參數(shù)
ancestorSelector任何有效選擇器
descendantSelector用以匹配元素的選擇器，并且它是第一個(gè)選擇器的后代元素
示例
描述:
找到表單中所有的 input 元素
HTML 代碼:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代碼:
$("form input")
結(jié)果:
[ <input name="name" />, <input name="newsletter" /> ]
概述
在給定的父元素下匹配所有的子元素
參數(shù)
parentSelector任何有效選擇器
childSelector用以匹配元素的選擇器，并且它是第一個(gè)選擇器的子元素
示例
描述:
匹配表單中所有的子級(jí)input元素。
HTML 代碼:
復(fù)制代碼 代碼如下:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("form > input")
結(jié)果:
復(fù)制代碼 代碼如下:
[ <input name="name" /> ]
ancestor descendant
概述
在給定的祖先元素下匹配所有的后代元素
參數(shù)
ancestorSelector任何有效選擇器
descendantSelector用以匹配元素的選擇器，并且它是第一個(gè)選擇器的后代元素
示例
描述:
找到表單中所有的 input 元素
HTML 代碼:
復(fù)制代碼 代碼如下:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("form input")
結(jié)果:
復(fù)制代碼 代碼如下:
[ <input name="name" />, <input name="newsletter" /> ]
相關(guān)文章
jQuery中:only-child選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:only-child選擇器用法,實(shí)例分析了:only-child選擇器的功能、定義及匹配父元素的唯一子元素使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery呼吸輪播圖制作原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
jquery dataTable 獲取某行數(shù)據(jù)
本篇文章主要介紹了jquery dataTable 獲取某行數(shù)據(jù)的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05
EasyUI中實(shí)現(xiàn)form表單提交的示例分享
這里給大家分享的是一段使用EasyUI中實(shí)現(xiàn)form表單提交的方法的核心代碼，小伙伴們根據(jù)自己的需求補(bǔ)全form部分吧，希望大家能夠喜歡。2015-03-03
jQuery源碼分析-02正則表達(dá)式 RegExp 常用正則表達(dá)式
在網(wǎng)上找到一篇廣為流傳的文章《常用正則表達(dá)式》，逐一分析，不足地方進(jìn)行補(bǔ)充和糾正2011-11-11
模擬jQuery ajax服務(wù)器端與客戶端通信的代碼
本案例通過jQuery和Servlet技術(shù)來判斷用戶名是否存在，讓讀者明白jQuery是怎么調(diào)用服務(wù)器后臺(tái)的。還給出了解決中文亂碼的方案和如何避免各種瀏覽器的緩存。2011-03-03
這篇文章主要為大家詳細(xì)介紹了JQuery+PHP圖片在線裁剪實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
jquery.validate 自定義驗(yàn)證方法及validate相關(guān)參數(shù)
jquery.validate是一個(gè)基于jquery的非常優(yōu)秀的驗(yàn)證框架，我們可以通過它迅速驗(yàn)證一些常見的輸入,并且可以自己擴(kuò)充自己的驗(yàn)證方法，而且對(duì)國際化也有非常好的支持，通過本文給大家介紹jquery.validate 自定義驗(yàn)證方法及validate相關(guān)參數(shù)，需要的朋友一起學(xué)習(xí)吧2016-01-01
使用jQuery解決IE與FireFox下createElement方法的差異
使用jQuery解決IE與FireFox下createElement方法的差異。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
EasyUI的treegrid組件動(dòng)態(tài)加載數(shù)據(jù)問題的解決辦法
最近涉及到treegrid組件的查詢，需要根據(jù)查詢條件動(dòng)態(tài)更新EasyUI的treegrid組件的動(dòng)態(tài)加載查詢結(jié)果2011-12-12