您好,欢迎访问一九零五行业门户网

jquery selector怎么用?关于selector的用法说明

这个函数接收一个包含 css 选择器的字符串,然后用这个字符串去匹配一组元素。
jquery 的核心功能都是通过这个函数实现的。 jquery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 css 选择器组成),然后根据这个表达式来查找所有匹配的元素。
默认情况下, 如果没有指定context参数,$()将在当前的 html document中查找 dom 元素;如果指定了 context 参数,如一个 dom 元素集或 jquery 对象,那就会在这个 context 中查找。在jquery 1.3.2以后,其返回的元素顺序等同于在context中出现的先后顺序。
selector:属性用于返回获取当前jquery对象时传给jquery(selector, context)函数的原始选择器(即selector参数)。换句话说,你通过什么选择器来获得的当前jquery对象,当前jquery对象的selector属性就返回什么。
语法:jqueryobject.selector
返回值:selector属性的返回值是string类型,返回该jquery对象的原始选择器。如果当前jquery对象不是通过传入选择器字符串来获得的,那么将返回空字符串。
参数
selector,[context]string,element,/jqueryv1.0
selector:用来查找的字符串
context:作为待查找的 dom 元素集、文档或 jquery 对象。
elementelementv1.0
一个用于封装成jquery对象的dom元素
objectobjectv1.0
一个用于封装成jquery对象
elementarrayelementv1.0
一个用于封装成jquery对象的dom元素数组。
jquery objectobjectv1.0
一个用于克隆的jquery对象。
jquery()v1.4
返回一个空的jquery对象。
代码示例:
首先我们给出下面的html代码:
<p id="parent" class="parent"> <p class="child"> child1 </p> <p class="child"> child2 </p> </p> <p id="parent1" class="parent"> <p class="child"> child1 </p> <p class="child"> child2 </p> </p>
调用方式1:第二个参数context是dom元素
var doms=$(".child",$("#parent")[0]); console.log(doms);
这时候第二个参数是dom对象,打印[p.child, p.child, prevobject: jquery.fn.init[1], context: p#parent, selector: ".child"]
调用方式2:第二个参数context是jquery对象
var doms=$(".child",$($("#parent")[0])); console.log(doms);
这时候打印结果和上面第一种情况一样,[p.child, p.child, prevobject: jquery.fn.init[1], context: p#parent, selector: ".child"]
调用方式3:第二个参数是一个dom数组
var doms=$(".child",[document.getelementbyid("#parent"),document.getelementbyid("#parent1")]) console.log(doms);
调用方式4:第二个参数是一个jquery对象数组
var doms=$(".child",$(".parent")) console.log(doms);
这种方式的结果和第三种方式是完全一样的!
调用方式5:传入的参数是一个函数,该函数会在ready函数调用的时候调用
$(function() { console.log("dom ready"); })
以上就是jquery selector怎么用?关于selector的用法说明的详细内容。
其它类似信息

推荐信息