javascript - 为什么 jQuery .addClass() 比直接修改 HTML 更有用

Question

我对 jQuery 真的很陌生，当遇到这两个方法时，我不知道它为什么有用。

.addClass() and .removeClass() 

是的，我可以在我的 js 文件中添加类。但为什么会有好处呢？是因为我们不应该修改 HTML 吗？

我的案例:

在 HTML 中:

 <div id="title" class="highlighted">I'm highlighted!</div>

在 CSS 中:

.highlighted {
    -webkit-box-shadow: 0 0 8px #FFD700;
    -moz-box-shadow: 0 0 8px #FFD700;
    box-shadow: 0 0 8px #FFD700;
    cursor:pointer;
}

如果我想将 .highlighted 添加到我的 HTML 中的任何 div，我可以像这样简单地添加它:

<div id="text" class='highlighted'>Highlight me, too!</div> 

为什么我需要在我的 js 文件中做这件事？

 $('#text').addClass('highlighted');

Answer 1

因为您可能想在发生其他事情时添加类，也许是在单击 div 时。

$("#text").click(function(){
    $(this).addClass('highlighted')
})