使用 Jquery 动态添加类？答案

【问题标题】：Add the Class Dynamically using Jquery?使用 Jquery 动态添加类？
【发布时间】：2013-07-05 16:53:33
【问题描述】：

如何将类选择器动态添加到img 标记。例如： img 标签应该在锚标签内，然后只有类名：sample 应该动态添加任何包含 img 的锚标签， 之前：

<a href="image.png"><img src="image.png"/></a>

之后：

<a href="image.png"><img src="image.png" class="sample"/></a>

如果图像标签已经包含类，则删除该类，新类可以在 jquery 中使用。我不确定，我怎么能在 jQuery 中做到这一点。任何建议都会很棒。

谢谢，维姬

【问题讨论】：

只需使用：.addClass()、.hasClass() 和 .removeClass()。或者使用.not() 而不是.hasClass()。
看到这个stackoverflow.com/questions/5995628/adding-attribute-in-jquery删除属性在attr()之前添加removeAttr()

【解决方案1】：

$(document).ready(function(){
$('your selector').addClass('sample'); //It can be select,img,a,etc.. });

在您选择的标签中具体说明。我在 CakePHP 3.x Date HtmlHelper 字段中使用它，它就像魔术一样工作。

【讨论】：

【解决方案2】：

HTML 代码：

<img id="testImg" src="xyz.jpg" />

css代码：

.displayNone{ display:none; }

jquery - 添加类

`$("#testImg").addClass("displayNone");`

jquery - 删除类

$("#testImg").removeClass("displayNone");

【讨论】：

【解决方案3】：

你只需要切换你的班级。为此，请参阅：

$("img").toggleClass("border");

我在 CodePen 上为你做了一个例子。 Just click here.

【讨论】：

【解决方案4】：

$(document).ready(function(){
    $('a >img').addClass('sample'); //direct descendant of a
});

【讨论】：

【解决方案5】：

应该这样做：

$('a img').removeClass().addClass('example')

【讨论】：

【解决方案6】：

这可以通过 jQuery.addClass 和 jQuery.removeClass API 轻松完成..

【讨论】：

【解决方案7】：

if($('a[href=image.png] > img').hasClass('sample')){
    $('a[href=image.png] > img').removeClass('sample');
}

而addClass 代表else 部分。

【讨论】：