jquery点击div更换class

2024-12-28 04:11:39

推荐回答（4个）

回答1：

jQuery中一般有3个关于改变元素class的函数
addClass、removeClass、toggleClass

addClass
描述: 为每个匹配的元素添加指定的样式类名
$('div').addClass('className');//为所有div添加名为className的class
removeClass
描述: 移除集合中每个匹配元素上一个，多个或全部样式。
$('div').removeClass('className');//将所有div上名为className的class移除
toggleClass
描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。
$('div').toggleClass('className');//如果div上有这个class就删除，没有就添加

回答2：

假设有div元素

，和两个样式: .css1{} .css2{}
(1)移除和添加样式分别是$("mydiv").removeClass("css1") 和$("mydiv").addClass("css1")
(2)如果是换了样式之后，想换回原来的样式，即是切换样式，那么就涉及到一个判断当前样式的问题，此时可以使用方法hasClass()，该方法是判断元素当前是否含有某样式。
(3)所以根据1、2可以实现一个点击切换样式的效果，示例代码如下：

(手写不易，望采纳！)

回答3：

jQuery中使用attr('属性名')可以返回属性的值。

语法：$(selector).attr([attribute]); // 返回attr中指定的当前选择器的属性值；

例如：

$(selector).attr('id'); // 获取选择器的id

$(selector).attr('class'); // 获取选择器的class类名

实例：

1. 用jQuery获取div的class类名：

1234我是div

2. 用jQuery获取当前点击的button的id：

123456按钮