如何在jQuery中使用复合选择器

今天就跟大家聊聊有关如何在jQuery中使用复合选择器，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计制作、网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的峨眉山网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

一介绍

复合选择器将多个选择器（可以是ID选择器、元素选择或是类名选择器）组合在一起，两个选择器之间以逗号“，”分隔，只要符合其中的任何一个筛选条件就会被匹配，返回的是一个集合形式的jQuery包装集，利用jQuery索引器可以取得集合中的jQuery对象。

多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素，而是将每个选择器匹配的元素合并后一起返回。
复合选择器的使用方法如下：

$(" selector1,selector2,selectorN");

selector1：为一个有效的选择器，可以是ID选择器、无素选择器或是类名选择器等。

selector2：为另一个有效的选择器，可以是ID选择器、无素选择器或是类名选择器等。

selectorN：（可选择）为任意多个选择器，可以是ID选择器、无素选择器或是类名选择器等。

例如，要查询文档中的全部的标记和使用CSS类myClass的

标记，可以使用下面的jQuery代码：

$("span,div.myClass");

二应用

在页面添加3种不同元素并统一设置样式。使用复合选择器筛选

元素和id属性值为span的元素，并为它们添加新的样式。

三代码


p元素
div元素

ID为span的元素 $(document).ready( function() { $("input[type=button]").click( function() //绑定按钮的单击事件 { var myClass = $("div,#span"); //选取DOM元素 myClass.css("background-color","#C50210"); //为选取的DOM元素设置背景颜色 myClass.css("color","#FFF"); //为选取的DOM元素设置文字颜色 }); });

看完上述内容，你们对如何在jQuery中使用复合选择器有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。

网站名称：如何在jQuery中使用复合选择器
标题URL：http://lszwz.com/article/jodidg.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉，无效全额退款

乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。

友情链接交换友情链接

小谭建站工作室古蔺网站建设绵阳梓潼做网站卖友情链接梓潼网站设计成都木托盘广安网站设计资阳网站建设成都电商解决方案成都服务器托管

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室 All Rights Reserved 蜀ICP备2021004003号-25

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室

蜀ICP备2021004003号-25