更改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

回答

相關問題