qinyi素材网
当前位置: 首页 > WEB教程 > 多个相同class使用jquery选择器获取指定元素

多个相同class使用jquery选择器获取指定元素

  时间: 2021-11-05   阅读:2.06k
简要教程

多个相同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)")

复合属性选择器可以选择多种选择器搭配出你想要的模式。

上一篇: 下一篇: