jQuery.selector 属性
2018-11-23 16:48 更新
jQuery.selector 属性
jQuery 选择器定义和用法
selector属性用于返回获取当前jQuery对象时传给jQuery(selector, context)函数的原始选择器(即selector参数)。
换句话说，你通过什么选择器来获得的当前jQuery对象，当前jQuery对象的selector属性就返回什么。
该属性属于jQuery对象(实例)。
语法
jQuery1.3 新增该属性，于jQuery 1.7被标识为已过时，并于jQuery 1.9被移除(官方文档是这样描述的。不过在实际测试中发现：该属性在1.9之后的版本中仍然可用。建议谨慎使用，最好不用)。
jQueryObject.selector
返回值
selector属性的返回值是String类型，返回该jQuery对象的原始选择器。
如果当前jQuery对象不是通过传入选择器字符串来获得的，那么将返回空字符串""。
实例
实例
以下面这段代码为例：
/* HTML代码 */
<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>
//在当前页面内追加换行标签和指定的HTML内容
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根据我们的操作自动计算出相应的选择器
w( $ul.selector ); // #n1 ul
var div_n2 = document.getElementById("n2");
var $n2 = $(div_n2); // 以DOM元素的方式获取jQuery对象
w( $n2.selector ); // (空字符串)
</script>
<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>
//在当前页面内追加换行标签和指定的HTML内容
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根据我们的操作自动计算出相应的选择器
w( $ul.selector ); // #n1 ul
var div_n2 = document.getElementById("n2");
var $n2 = $(div_n2); // 以DOM元素的方式获取jQuery对象
w( $n2.selector ); // (空字符串)
</script>
尝试一下 »
点击 "尝试一下" 按钮查看在线实例
以上内容是否对您有帮助：
更多建议：