您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年08月20日 01:46

原创 jQuery.selector 属性详解

183 次浏览 读完需要≈ 4 分钟

内容目录

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="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代码:

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

var $p = $("#n1 p");
// 虽然$p是一个空的jQuery对象,没有匹配到任何元素,但也包含了传入的选择器信息
document.writeln( $p.selector ); // #n1 p

var $ul = $("#n1").find("ul");
// jQuery根据我们的操作自动计算出相应的选择器
document.writeln( $ul.selector ); // #n1 ul

var div_n2 = document.getElementById("n2");
var $n2 = $(div_n2); // 以DOM元素的方式获取jQuery对象
document.writeln( $n2.selector ); // (空字符串)

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论