jquery - 使用 Javascript 为元素添加样式

Question

我已经向客户的网站添加了一个简单的 jquery slideDown 函数，但他们想通过 javascript 添加一些样式，以便任何禁用 JS 的人仍然可以看到内容。

<script>
    $(".click").click(function () {
        $(".morecontent").slideToggle("slow");
    });
</script>

.morecontent 当前设置为 display:none 通过样式表，所以基本上我想在脚本中包含此样式以反对样式表

Answer 1

要使用 jQuery 设置 CSS，请使用:

$(".morecontent").css("display", "none");

也可以使用 .hide() 设置 display:none 属性。 注意:您应该在文档准备就绪时调用此代码，即元素已经定义。为此，请使用:

$(document).ready(function(){
    $(".morecontent").hide();
})

当禁用 JavaScript 时，元素将可见(因为样式表中的 display:none 已被删除)。启用 JavaScript 后，脚本会隐藏 .morecontent，以便滑入。