jquery - 使用 jquery 删除 html 标签中的 no-js 类

查看一个 jquery 项目我发现了这一行:

var Application=function(c){
    $("html:first").removeClass("no-js");
}

想明白这一行，他的目的是什么？

最佳答案

这行jQuery去掉了html标签中的一类no-js。 no-js 类可能是在 HTML 中设置的。这样做的目的是告诉 CSS 是否启用了 JS。
例如，我可能有一个 <div>我想在用户单击按钮时淡入。首先，div 需要隐藏，所以我可能会在 CSS 中这样做:

#theDiv {
  display: none;
}

然后当他们点击按钮时我使用这个 jQuery:

$('#theDiv').fadeIn()

但是现在我们遇到了一个问题。如果用户启用了 JS，则一切正常。但如果他们没有启用 JS，那么该框将保持隐藏状态并且永远不会出现。通过添加以下 CSS，我们可以在 JS 关闭时显示该框:

.no-js #theDiv {
  display: block;
}

然后我们在html标签中添加一个类:

<html class="no-js">

现在如果开启JS，JS会移除类no-js并且框保持隐藏状态直到 JS 淡入。如果关闭 JS，则框始终显示。
希望对您有所帮助!

关于jquery - 使用 jquery 删除 html 标签中的 no-js 类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7371920/