怎么用jquery得到某元素的class然后应用到另一元素上

怎么用jquery得到某元素的class然后应用到另一元素上,第1张

实现方法:在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、保存文件,然后使用浏览器打开即可显示效果。

太多了 不明白你想干什么 你是想处理多个class是吧 想怎么获取?用each方法就可以了

$("nav")each(function(index,item) {

    $(this)……//这个就是jquer循环获取的class对象 你可以用来处理你的逻辑

});

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>判断</title>

<!--得到div的属性用attr就可以了,id用attr("id") ,class就用attr("class")(深圳网站建设=">

分为以下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就删除,没有就添加。

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

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9851944.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存