更改CSS类

Question

如何在jQuery中单击更改CSS类？我需要更改字体颜色。

＆＃13;

＆＃13;

<a href="#">Click this to change color</a>

＆＃13;

＆＃13;

＆＃13;

Answer 1

首先在项目中包含jQuery。

制作以ready函数开头的脚本。基本上这将在页面加载之前等待执行。这是必要的，因为如果你想找到一个元素，就必须有一个元素。

我们将点击功能添加到链接中。在该函数中，我们应该首先阻止默认值，以便链接不会导航。

比添加一个类，所以颜色会改变。

$(document).ready(function() {
  $('.link').click(function(e) {
    e.preventDefault();
    
    $(this).addClass('red');
  });
})

.red{
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a href="#" class="link">Click this to change color</a>

Answer 2

只需将其设为CSS

即可

a {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

Answer 3

您需要以下代码：

＆＃13;

＆＃13;

$(document).ready(function() {
  $('.link').click(function(e) {
    e.preventDefault();
    
    $(this).addClass('color');
  });
})

＆＃13;

＆＃13;

＆＃13;