Question

我想在按下按钮时在页面顶部的根html标记中添加一个类。我遇到的唯一代码是使用id为div元素添加类。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="THIS IS WHERE I WANT THE CLASS TO BE ADDED" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

开始演示

我尝试调整此代码但没有任何作用;

<script type="text/javascript">

    $("#addClass").click(function () {

      $('para1').addClass('presentation-started');

    });

    $("#removeClass").click(function () {

      $('#para1').removeClass('highlight');

    });

</script>

Answer 1

如果我理解正确，您可以使用：

$('html').addClass("someclass")

添加一个类和

$('html').removeClass("someclass")

删除它。

如果您有一个id="mybutton"按钮，那么您可以这样使用：

$('#mybutton').click(function(){
    $('html').addClass("someclass")
});

如果您的代码不遵循页面上的按钮元素，您还需要将jQuery包装在DOM就绪处理程序中（否则永远不会连接click处理程序）：

$(function(){
    $('#mybutton').click(function(){
        $('html').addClass("someclass")
    });
});

这只是$(document).ready(function(){...}):

的便捷快捷方式

使用新示例进行更新

因此，使用您现有的示例，它将是：

<script type="text/javascript">
    $(function(){
        $("#addClass").click(function () {
            $('html').addClass('presentation-started');
        });

        $("#removeClass").click(function () {
            $('html').removeClass('highlight');
        });
    });
</script>

将类添加到html root

1 个答案: