实现方法：在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>
<html>
<head>
<meta
>
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")
使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。 工具原料：编辑器、浏览器 1、实现的思路是先使用选择器通过id获取到这个元素，然后使用attr方法获取某个属性的值，代码如下： <div id="div1" class="test"> </div> <script> consolelog($('#div1')attr('class')); </script> 2、运行的结果是获取到了class的值test，如下图：
分为以下2种情况：
1如果css写成行内样式，可以通过获取style属性的值来判断，示例如下：
判断id为divid的div元素是否有font-size样式：
2如果css写成类样式，可以通过获取class属性的值来判断，示例如下：
判断id为divid的div元素是否含有类样式divclass：
描述: 为每个匹配的元素添加指定的样式类名
$('div')addClass('className');//为所有div添加名为className的class1
removeClass
描述: 移除集合中每个匹配元素上一个，多个或全部样式。
$('div')removeClass('className');//将所有div上名为className的class移除1
toggleClass
描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。
$('div')toggleClass('className');//如果div上有这个class就删除，没有就添加。
下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，完成的代码如下：
运行结果，打印数组如下：
扩展资料：
js或jQuery获取html元素的值的常用方法：
例如：<div id="aa">值</div>
js写法：
alert(documentgetElementById('aa')innerHTML);
jQuery写法：
alert($('#aa')html());
说明如下：
innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。
html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。
以上就是关于怎么获取某个元素的指定class全部的内容，包括:怎么获取某个元素的指定class、JS如何通过元素的CLASS属性得到对应的DOM对象、jquery 选择器 怎样获取class='aaa'的DIV元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）