多个相同class使用jquery选择器获取指定元素,面对这个问题你会怎么解决呢?是不是加个id,之后通过id去修改呢?这也是个办法,但是既然使用jquery,那么还可以使用复合属性选择器。复合属性选择器,是需要同时满足多个条件时才使用。
使用方法
第一种方法
比如下面有这样一段HTML代码
<div class="div1 div2">
</div>
那我们可以这样使用
$(".div1.div2")
第二种方法
除了这样还能使用[attribute=value]
去匹配
$("[class='div1 div2']")
第三种方法
既然使用了jQuery,那可以使用它提供的filter()
方法
$(".div1").filter("div2").prevObject
第四种方法
还能通过元素的属性去查找,列如:
$("input[name='username']")
还能加上css里面的伪类,获取所有未选中的 input 元素:
$("input:not(:checked)")
复合属性选择器可以选择多种选择器搭配出你想要的模式。