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