Jquery選擇子控件"大于號"和" "區(qū)別介紹及使用示例
更新時(shí)間：2013年06月25日 17:39:54 作者：
Jquery選擇子控件”>“：在給定的父元素下匹配所有的子元素；另一個(gè)就是在給定的祖先元素下匹配所有的后代元素，具體概述及使用示例如下，感興趣的朋友可以參考下哈
parent > child
概述
在給定的父元素下匹配所有的子元素
參數(shù)
parentSelector任何有效選擇器
childSelector用以匹配元素的選擇器，并且它是第一個(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" /> ]
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è)選擇器的子元素
示例
描述:
匹配表單中所有的子級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 ajax局部加載方法詳解(實(shí)現(xiàn)代碼)
下面想就為大家?guī)硪黄猨query ajax局部加載方法詳解(實(shí)現(xiàn)代碼)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧2016-05-05
下面小編就為大家?guī)硪黄猨query遍歷標(biāo)簽中自定義的屬性方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要介紹了jQuery1.9+中刪除了live以后的替代方法 的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
jQuery Validate設(shè)置onkeyup驗(yàn)證的實(shí)例代碼
jQuery Validate 插件為表單提供了強(qiáng)大的驗(yàn)證功能，讓客戶端表單驗(yàn)證變得更簡單，同時(shí)提供了大量的定制選項(xiàng)，滿足應(yīng)用程序各種需求。這篇文章主要介紹了jQuery Validate設(shè)置onkeyup驗(yàn)證的相關(guān)資料,需要的朋友可以參考下2016-12-12
由于各個(gè)瀏覽器中原生事件對象的 差異性 ，多數(shù) JS庫/框架 都或多或少的對原生事件對象進(jìn)行了修復(fù)及包裝。2011-06-06
jQuery實(shí)現(xiàn)數(shù)字自動增加或者減少的動畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)數(shù)字自動增加或者減少的動畫效果,涉及jQuery結(jié)合時(shí)間函數(shù)動態(tài)設(shè)置元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
本文搜集了大量 jQuery 表格插件，幫助 Web 設(shè)計(jì)者更好地駕御 HTML 表格，你可以對表格進(jìn)行橫向和豎向排序，設(shè)置固定表頭，對表格進(jìn)行搜索，對大表格進(jìn)行分頁，對表格進(jìn)行滾動，拖放操作等等。這些插件很多都包含詳細(xì)的教程。2010-04-04
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)購物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
jQuery解決IE6、7、8不能使用 JSON.stringify 函數(shù)的問題
本文主要介紹jQuery解決IE6、7、8不能使用 JSON.stringify 函數(shù)的問題，通過第三方的json2.js做到兼容，需要的朋友可以參考下。2016-05-05
jQuery獲取復(fù)選框選中的當(dāng)前行的某個(gè)字段的值
這篇文章主要介紹了jQuery獲取復(fù)選框選中的當(dāng)前行的某個(gè)字段的值,需要的朋友可以參考下2017-09-09