.removeClass（）让html标签上的class属性

Question

我的HTML看起来像这样：

<div id="container">
    <img src="image1.jpg" class="current" />
    <img src="image2.jpg" />
</div>

执行$("#container").find('img[class="current"]').removeClass("current")我的html变为：

<div id="container">
    <img src="image1.jpg" class />
    <img src="image2.jpg" />
</div>

我的问题是：img标签是否包含class（属性，它不是真正的属性，因为他没有赋值给它，对吗？）这是我应该关心的事情吗？这是一个有效的代码，HTML5说话吗？

Answer 1

是的，它会正常工作 - 所有仍然有效的HTML5。

class仍然是一个属性，但它是一个没有值的属性。

Answer 2

应该是这样的结果：

<img src="image1.jpg" class="" />

html没什么问题......

Answer 3

如果您想知道一些代码是否有效，可以使用W3C Markup Validation Service。这是一个很棒的工具。

在HTML5中，空属性为technically valid，但实际上，它们应保留为“布尔属性”（例如表单字段的disabled属性）。您提供的代码段中的空类不会导致HTML5的任何验证错误。

在XHTML4.01中，技术上不允许具有空属性（布尔值必须设置为disabled="true"），但是，浏览器长期以来为了布尔值而支持空属性。