jQuery的改变CSS类到div

如果我有一个div元素例如和类'第一'是用许多css属性定义。 我可以分配css类“秒”，也有许多不同的属性定义到这个相同的部分，只是在某些事件没有写入每个属性。

Answer 1

$(".first").addClass("second"); 

如果您想将其添加到活动中，您也可以轻松完成。 点击事件的例子：

 $(".first").click(function() { $(this).addClass("second"); }); 

Answer 2

对，很容易。

 $("#mydiv").attr("class", "second"); 

Answer 3

您可以使用jQuery添加和删除类，如下所示：

 $(".first").addClass("second") // remove a class $(".first").removeClass("second") 

顺便说一下，你可以在你的标记中立即设置多个类，用空格分隔

 <div class="second first"></div> 

Answer 4

这可能不完全是目标，因为我不完全清楚你想做什么。 然而，假设你的意思是你想给一个div分配一个不同的类来响应一个事件，答案是肯定的，你当然可以用jQuery来做到这一点。 我只是一个jQuery初学者，但我已经在我的代码中使用了以下内容：

 $(document).ready(function() { $("#someElementID").click(function() { // this is your event $("#divID").addClass("second"); // here your adding the new class )}; )}; 

如果你想用第二类replace第一个类，我相信你会先使用removeClass，然后像上面那样使用addClass。 toggleClass也可能值得一看。 jQuery文档是为这些types的更改编写的，并附有示例。

别人我有更好的select，但我希望有帮助！

Answer 5

像div这样的HTML元素可以有多个类。 比方说div使用addClass方法分配了两个样式。 如果style1有3个属性，如字体大小，重量和颜色，style2有4个属性，如字体大小，重量，颜色和背景颜色，我认为结果有效的属性集（样式）将有4个属性，即联盟所有样式集合。 在我们的例子中，常见的属性，颜色，字体大小，重量，将有一个occuerance与最新值。 如果div分配了style1 first和style2 second，公共职能将被style2值覆盖。

此外，我已经写了一篇文章使用JQuery来申请，删除和pipe理样式 ，我希望它会帮助你

问候Awais

Answer 6

 $(document).ready(function () { $("#divId").toggleClass('cssclassname'); // toggle class }); **OR** $(document).ready(function() { $("#objectId").click(function() { // click or other event to change the div class $("#divId").toggleClass("cssclassname"); // toggle class )}; )};