小JS鍛鍊

Question

我有一些HTML：

<div id="foo"> 
 
\t <span class="bar">text</span> 
 
<div>

這裏是我的問題：

我怎樣才能讓使用JavaScript和jQuery紅色的text？

Answer 1

使用css() jQuery中

$("#foo span").css("color",'red'); 

Answer 2

使用css()顏色的變化，這裏是用一個按鈕來更改爲您所需要的文本的CSS樣本的例子。

$("#clickme").click(function(){ 
 
    $(".bar").css("color", "red"); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="foo"> 
 
\t <span class="bar">text</span> 
 
    <input id="clickme" type="button" value="clickme"> </input> 
 
<div>

Answer 3

你也可以在CSS中像這樣定義一個類：

//foo.css 
.red: { 
    color: red; 
} 

和使用jQuery：

$('#foo span").addClass('red'); 

添加類的元素！

Answer 4

使用此：

$(".bar").css("color","red");