jQuery函數(shù)的第二個參數(shù)獲取指定上下文中的DOM元素
更新時間:2014年05月19日 14:28:39 作者:
這篇文章主要介紹了jQuery函數(shù)的第二個參數(shù)獲取指定上下文中的DOM元素,需要的朋友可以參考下
jQuery函數(shù)的第二個參數(shù)可以指定DOM元素的搜索范圍。
第二個參數(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é)
第二個參數(shù)的不同的類型,對應(yīng)的用法如下表所示。
第二個參數(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é)
第二個參數(shù)的不同的類型,對應(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)于動態(tài)創(chuàng)建DOM元素的問題
- 讀jQuery之五(取DOM元素)
- JQuery動態(tài)創(chuàng)建DOM、表單元素的實現(xiàn)代碼
- JQuery each()函數(shù)如何優(yōu)化循環(huán)DOM結(jié)構(gòu)的性能
- jQuery移動和復(fù)制dom節(jié)點實用DOM操作案例
- 同域jQuery(跨)iframe操作DOM(實例講解)
- jQuery的DOM操作之刪除節(jié)點示例
- jquery選擇器排除某個DOM元素的方法(實例演示)
- jQuery1.9.1針對checkbox的調(diào)整方法(prop)
- Jquery方式獲取iframe頁面中的 Dom元素
- jQuery 刪除/替換DOM元素的幾種方式
- jQuery 如何先創(chuàng)建、再修改、后添加DOM元素
- jQuery如何將選中的對象轉(zhuǎn)化為原始的DOM對象
- jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之綁定事件
- jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件體系結(jié)構(gòu)
- jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件包裝
- Jquery1.9.1源碼分析系列(六)延時對象應(yīng)用之jQuery.ready
- jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之主動觸發(fā)事件和模擬冒泡處理
- Jquery-1.9.1源碼分析系列(十一)之DOM操作
相關(guān)文章
jQueryeasyui 中如何使用datetimebox 取兩個日期間相隔的天數(shù)
這篇文章主要介紹了jQueryeasyui 中使用datetimebox 取兩個日期間相隔的天數(shù),需要的朋友參考下吧2017-06-06jquery操作select取值賦值與設(shè)置選中實例
下面小編就為大家?guī)硪黄猨query操作select取值賦值與設(shè)置選中實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02通過jquery.cookie.js實現(xiàn)記住用戶名、密碼登錄功能
這篇文章主要介紹了通過jquery.cookie.js實現(xiàn)記住用戶名、密碼登錄功能,通過Cookies讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲存到客戶端的硬盤或內(nèi)存,從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù);具體實現(xiàn)過程大家通過本文一起看看吧2018-06-06jQuery Timelinr實現(xiàn)垂直水平時間軸插件(附源碼下載)
jquery.timelinr.js是一款效果非常炫酷的jQuery時間軸插件。下面腳本之家小編給大家介紹jQuery Timelinr實現(xiàn)垂直水平時間軸插件,需要的朋友參考下2016-02-02