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");  
 })

Atas ialah kandungan terperinci jquery selector怎么用？关于selector的用法说明. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!