举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > jQuery 选择器 (selector1,selector2,selectorN)

jQuery 选择器 (selector1,selector2,selectorN)

2023-05-28 22:31 jQuery教程

 jQuery 选择器 (selector1,selector2,selectorN)

jQuery 选择器 (selector1,selector2,selectorN)

jQuery 选择器 jQuery 选择器


定义和用法

jQuery 的selector1,selector2,selectorN选择器(联合选择器)用于将多个不同选择器获取的元素合并到一起,将其封装为jQuery对象并返回。


语法

// 这里的selector1、selector2、selectorN都是具体的选择器
jQuery( "selector1, selector2 [, selectorN...]" )

参数

参数描述
selector1一个有效的选择器。
selector2另一个有效的选择器。
selectorN可选其他的有效选择器,可以有任意多个。

返回值

返回封装了通过各个选择器查找的DOM元素的jQuery对象。

jQuery先根据每个选择器单独去查找对应的DOM元素,并且将所有选择器查找的DOM元素合并到一起,并将其封装为jQuery对象。

如果所有的选择器都找不到任何匹配的DOM元素,则返回一个空的jQuery对象。


实例

实例

以下面这段代码为例:


<div id="n1">
    <p id="n2" class="test"></p>
    <p id="n3" class="detail">
        <span id="n4" class="test codeplayer"></span>
    </p>
</div>


<script>
// 扩展jQuery对象,添加showTagInfo()方法
// 用于将jQuery对象所有匹配元素的标识信息追加到body元素内
// 每个元素的标识信息形如:"tagName"或"tagName#id"
jQuery.fn.showTagInfo = function(){
var tags = this.map( function(){
return this.tagName + ( this.id ? "#" + this.id : "" ); 
} ).get();
$("body").append( tags.join("<br>") + "<br><br>" );
};

// 选择匹配选择器"#n1"、 "#n2"或"span.test"三者之一的所有元素
// 本示例中选择了id分别为n1、n2、n3的三个元素
$("#n1,#n2,span.test").showTagInfo();

// 选择匹配选择器"p.detail"或".test"两个之一的所有元素
// 本示例中选择了id分别为n3、n2、n4的三个元素
$("p.detail, .test").showTagInfo();


</script>

点击 "尝试一下" 按钮查看在线实例


jQuery 选择器 jQuery 选择器

阅读全文
以上是鳄鱼CMS为你收集整理的 jQuery 选择器 (selector1,selector2,selectorN)全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们