Jquery 如何正确地将类添加到div？_Jquery_Html_Css

Jquery 如何正确地将类添加到div？

jquery html css

Jquery 如何正确地将类添加到div？,jquery,html,css,Jquery,Html,Css,HTML代码： <!DOCTYPE html> <head> <title>Highlights</title> <link rel='stylesheet' type='text/css' href='stylesheet.css'/> <script type='text/javascript' src='script.js'></script> </head> <b

HTML代码：

<!DOCTYPE html>
<head>
    <title>Highlights</title>
    <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
    <script type='text/javascript' src='script.js'></script>
</head>
<body>
    <div id="title" class="highlighted">I'm highlighted!</div>
    <div id="text">Highlight me, too!</div>
</body>

jQuery代码：

 $(document).ready(function() {
       $('#text').click(function() {
          $(this).addClass('.highlighted');
        });
    });

我就是不能让它工作。我想将带有id文本的

的样式更改为高亮显示的类

我做错了什么？

您不需要在类前面加

，只需使用类名即可

$(this).addClass('highlighted');

您不需要在类前面加

，只需使用类名即可

$(this).addClass('highlighted');

不要用圆点

不要使用圆点。

您可以尽情享受并切换它

$(document).ready(function() {
       $('#text').click(function() {
          $(this).toggleClass('highlighted');
        });
    });

要避免添加classe，请单击“时间”

，您可以尽情享受并切换它

$(document).ready(function() {
       $('#text').click(function() {
          $(this).toggleClass('highlighted');
        });
    });

为避免添加该类，请单击“时间”

谢谢您的快速响应：）谢谢您的快速响应：）谢谢您的快速响应！感谢您的快速响应！仅仅将一大块代码转储给其他人审阅是不礼貌的。请使用一个最小的测试用例来重现您的问题。仅仅转储一块代码供其他人查看是不礼貌的。请使用再现问题的最小测试用例。