更改CSS类

-5

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

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

来源

2014-10-27 staszek

欢迎您！你有尝试过什么吗？这或多或少是jQuery的“Hello world”，[jQuery文档]（http://api.jquery.com/click/）包含了一些示例。（在搜索'jquery点击示例'时找到此链接） – GolezTrol 2014-10-27 10:23:45

将颜色应用于'a：visited'伪类。一旦你访问一个链接，颜色会改变。但是如果你对jQuery感兴趣，最好从[JavaScript 101]开始（http://learn.jquery.com/javascript-101/） – 2014-10-27 10:27:46

-1

你需要这个代码：

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

来源

2014-10-27 10:23:49

很简单，就是让一个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 */

来源

2014-10-27 10:27:43

从技术上讲，'a'代表所有''元素，不一定是*未访问* 那些。 – 2014-10-27 10:29:46

是的，你是对的。但使用id选择器像＃id {color：blue}。它会工作 – 2014-10-27 10:34:29

首先在您的项目中包含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>

来源

2014-10-27 10:32:12

相同拉法尔Leśniak答案 – 2014-10-27 10:37:10

但与解释和工作代码段 – 2014-10-27 10:39:17

回答

相关问题