jquery 选择器 怎样获取class='aaa'的DIV元素

jQuery的元素选择器可以根据class选择元素。例如，获取class='aaa'的DIV元素的代码为：$("divaaa")

。下面提供一个具体的示例，HTML结构如下：

<div

id='a'><div

class='aaa'></div></div>

<div

id='b'><div

class='aaa'></div></div>

<div

id='c'><div

class='aaa'></div></div>

1、获取id为b的div下的aaa类元素

$("divaaa")获取的是所有的aaa类，如果限定为b元素下的aaa类，可以配合后代选择器使用，代码为：$("div#b

divaaa")

2、获取id为a或者c的div下的aaa类元素

如果需要获取多个不同类型的对象，可以使用逗号（,）分隔，所以相应代码为：

$("#a

aaa,

#c

aaa")

实现方法：在jquery代码中，首先使用attr()方法获取某元素的class，然后使用addClass()方法为另一个元素添加这个class，或者使用attr()方法为另一个元素的class赋值。下面进行实例演示:

1、新建一个HTML文件，输入如下的HTML结构。为了演示本问题，假设了一个带有背景色样式的A元素和一个红色的B元素，实现在点击按钮后将A元素的类样式（背景色）应用到B元素上。

<style>

red{color:red !important;} /红色css样式/

bg_green{background:#00cc00;} /背景色类样式/

</style>

<div id="test">

<div id="a" class="bg_green">A（我是bg_green类）</div>

<div id="b" class="red">B（我是red类）</div>

</div>

<input type="button" id="btn" value="获取A的class并应用到元素B">

2、在上面建立的文件的开头部分加入如下的jquery代码（主要步骤参见注释）：

<script>

$(function(){

$("#btn")click(function() { //点击按钮后响应下面的事件

var cls = $("#a")attr("class"); // 首先使用attr()获取A元素的类（即bg_green）

$("#b")addClass(cls); // 然后将获取的类应用到B元素上

});

});

</script>

3、保存文件，然后使用浏览器打开即可显示效果。

<div id="id" class="id" name="test"></div>

$('[name="test"]')attr("id"); //这样可以获取到id

$('[name="test"]')attr("class"); //这样可以获取到class

额外多说一句，JQuery中 的选择器，依照id选择 速度是最快的，其次是依照class 其他最慢，请参考

以上就是关于jquery 选择器 怎样获取class='aaa'的DIV元素全部的内容，包括:jquery 选择器 怎样获取class='aaa'的DIV元素、怎么用jquery得到某元素的class然后应用到另一元素上、如何用Jquery获取某一个Div的Class或者ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！