jQuery函數(shù)的第二個(gè)參數(shù)獲取指定上下文中的DOM元素
更新時(shí)間:2014年05月19日 14:28:39 作者:
這篇文章主要介紹了jQuery函數(shù)的第二個(gè)參數(shù)獲取指定上下文中的DOM元素,需要的朋友可以參考下
jQuery函數(shù)的第二個(gè)參數(shù)可以指定DOM元素的搜索范圍。
第二個(gè)參數(shù)可分為以下類型
DOM reference
jQuery wrapper
document
代碼示例
<!DOCTYPE html>
<html>
<body>
<form>
<input name="" type="checkbox"/>
<input name="" type="radio"/>
<input name="" type="text"/>
<input name="" type="button"/>
</form>
<form>
<input name="" type="checkbox"/>
<input name="" type="radio"/>
<input name="" type="text"/>
<input name="" type="button"/>
</form>
<input name="" type="checkbox"/>
<input name="" type="radio"/>
<input name="" type="text"/>
<input name="" type="button"/>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
// search within all form elements, using a wrapper for context,
// alerts "8 inputs"
alert("selected" + $('input', $('form')).length + ' inputs');
// search with the first form element, using DOM reference as the context,
// alerts "4 inputs"
alert("selected" + $('input', document.forms[0]).length + ' inputs');
// search within the body element for all input elements using an expression,
// alerts "12 inputs"
alert("selected" + $('input', 'body').length + ' inputs');
</script>
</body>
</html>
總結(jié)
第二個(gè)參數(shù)的不同的類型,對(duì)應(yīng)的用法如下表所示。
第二個(gè)參數(shù)可分為以下類型
DOM reference
jQuery wrapper
document
代碼示例
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<body>
<form>
<input name="" type="checkbox"/>
<input name="" type="radio"/>
<input name="" type="text"/>
<input name="" type="button"/>
</form>
<form>
<input name="" type="checkbox"/>
<input name="" type="radio"/>
<input name="" type="text"/>
<input name="" type="button"/>
</form>
<input name="" type="checkbox"/>
<input name="" type="radio"/>
<input name="" type="text"/>
<input name="" type="button"/>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
// search within all form elements, using a wrapper for context,
// alerts "8 inputs"
alert("selected" + $('input', $('form')).length + ' inputs');
// search with the first form element, using DOM reference as the context,
// alerts "4 inputs"
alert("selected" + $('input', document.forms[0]).length + ' inputs');
// search within the body element for all input elements using an expression,
// alerts "12 inputs"
alert("selected" + $('input', 'body').length + ' inputs');
</script>
</body>
</html>
總結(jié)
第二個(gè)參數(shù)的不同的類型,對(duì)應(yīng)的用法如下表所示。
類型 | 用法 |
---|---|
jQuery wrapper | $('input', $('form')).length |
DOM reference | $('input', document.forms[0]).length |
document | $('input', 'body').length |
您可能感興趣的文章:
- jQuery學(xué)習(xí)筆記之jQuery的DOM操作
- 基于jquery的關(guān)于動(dòng)態(tài)創(chuàng)建DOM元素的問(wèn)題
- 讀jQuery之五(取DOM元素)
- JQuery動(dòng)態(tài)創(chuàng)建DOM、表單元素的實(shí)現(xiàn)代碼
- JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能
- jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
- 同域jQuery(跨)iframe操作DOM(實(shí)例講解)
- jQuery的DOM操作之刪除節(jié)點(diǎn)示例
- jquery選擇器排除某個(gè)DOM元素的方法(實(shí)例演示)
- jQuery1.9.1針對(duì)checkbox的調(diào)整方法(prop)
- Jquery方式獲取iframe頁(yè)面中的 Dom元素
- jQuery 刪除/替換DOM元素的幾種方式
- jQuery 如何先創(chuàng)建、再修改、后添加DOM元素
- jQuery如何將選中的對(duì)象轉(zhuǎn)化為原始的DOM對(duì)象
- jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之綁定事件
- jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件體系結(jié)構(gòu)
- jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件包裝
- Jquery1.9.1源碼分析系列(六)延時(shí)對(duì)象應(yīng)用之jQuery.ready
- jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之主動(dòng)觸發(fā)事件和模擬冒泡處理
- Jquery-1.9.1源碼分析系列(十一)之DOM操作
相關(guān)文章
jQueryeasyui 中如何使用datetimebox 取兩個(gè)日期間相隔的天數(shù)
這篇文章主要介紹了jQueryeasyui 中使用datetimebox 取兩個(gè)日期間相隔的天數(shù),需要的朋友參考下吧2017-06-06jquery操作select取值賦值與設(shè)置選中實(shí)例
下面小編就為大家?guī)?lái)一篇jquery操作select取值賦值與設(shè)置選中實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02通過(guò)jquery.cookie.js實(shí)現(xiàn)記住用戶名、密碼登錄功能
這篇文章主要介紹了通過(guò)jquery.cookie.js實(shí)現(xiàn)記住用戶名、密碼登錄功能,通過(guò)Cookies讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲(chǔ)存到客戶端的硬盤(pán)或內(nèi)存,從客戶端的硬盤(pán)讀取數(shù)據(jù)的一種技術(shù);具體實(shí)現(xiàn)過(guò)程大家通過(guò)本文一起看看吧2018-06-06jquery+CSS實(shí)現(xiàn)懸浮登錄框遮罩
這篇文章主要為大家詳細(xì)介紹了jquery+CSS實(shí)現(xiàn)懸浮登錄框遮罩,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03jQuery Timelinr實(shí)現(xiàn)垂直水平時(shí)間軸插件(附源碼下載)
jquery.timelinr.js是一款效果非常炫酷的jQuery時(shí)間軸插件。下面腳本之家小編給大家介紹jQuery Timelinr實(shí)現(xiàn)垂直水平時(shí)間軸插件,需要的朋友參考下2016-02-02