jQuery.selector 屬性

2018-11-23 16:48 更新

jQuery.selector 屬性

jQuery 選擇器 jQuery 選擇器


定義和用法

selector屬性用于返回獲取當(dāng)前jQuery對象時傳給jQuery(selector, context)函數(shù)的原始選擇器(即selector參數(shù))。

換句話說,你通過什么選擇器來獲得的當(dāng)前jQuery對象,當(dāng)前jQuery對象的selector屬性就返回什么。

該屬性屬于jQuery對象(實例)。


語法

jQuery1.3 新增該屬性,于jQuery 1.7被標(biāo)識為已過時,并于jQuery 1.9被移除(官方文檔是這樣描述的。不過在實際測試中發(fā)現(xiàn):該屬性在1.9之后的版本中仍然可用。建議謹(jǐn)慎使用,最好不用)。

jQueryObject.selector

返回值

selector屬性的返回值是String類型,返回該jQuery對象的原始選擇器。

如果當(dāng)前jQuery對象不是通過傳入選擇器字符串來獲得的,那么將返回空字符串""。


實例

實例

以下面這段代碼為例:

/* HTML代碼 */
<div id="n1">
    <div id="n2">
        <ul id="n3">
            <li id="n4">item1</li>
            <li id="n5">item2</li>
            <li id="n6">item3</li>
        </ul>
    </div>  
</div>

/* jQuery代碼 */
<script>
//在當(dāng)前頁面內(nèi)追加換行標(biāo)簽和指定的HTML內(nèi)容
function w( html ){
$(document.body).append("<br/>" + html);
}

var $li = $("ul li");
w( $li.selector ); // ul li

var $p = $("#n1 p");
// 雖然$p是一個空的jQuery對象,沒有匹配到任何元素,但也包含了傳入的選擇器信息
w( $p.selector ); // #n1 p

var $ul = $("#n1").find("ul");
// jQuery根據(jù)我們的操作自動計算出相應(yīng)的選擇器
w( $ul.selector ); // #n1 ul

var div_n2 = document.getElementById("n2");
var $n2 = $(div_n2); // 以DOM元素的方式獲取jQuery對象
w( $n2.selector ); // (空字符串)
</script>

嘗試一下 ?

點擊 "嘗試一下" 按鈕查看在線實例


jQuery 選擇器 jQuery 選擇器

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號