jQuery并集选择器

并集选择器

这里所谓的jQuery并集选择器是鄙人借用CSS中并集选择器的概念(因此仅供参考而已),jQuery并集选择器在其它的一些资料中可能还有一些其它的名称,比如多个元素的选择器、多个class类的选择器,但不管怎样,jQuery并集选择器可以将多个选择器匹配选择到的HTML元素“合并”起来,其语法如下:

$('selector1, selector2...selectorN')

提示:selector选择器可以是元素选择器、id选择器、class选择器等等jQuery的选择器,数量不限,可以根据需求而定,而且不同类别的选择器可以混合使用,选择器与选择器之间使用英文逗号隔开。

jQuery并集选择器实例代码,及在线编辑器

下方实例中,将在并集选择器中使用id选择器、class类选择器和元素选择器选择在线编辑器中的p、div和b三个元素,并设置CSS样式:

<p id="p1">段落</p>
<div class="d1">DIV</div>
<br>
<b>加粗的标签</b>
<br>
<button id="bt1" class="btn">点击</button>

<script>
   $("#bt1").click(function(){
     $("#p1,.d1,b").css('color','green');
   })
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.