一点js练习

Question

我有一些HTML：

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

这是我的问题：

如何使用JavaScript和jQuery创建text红色的颜色？

Answer 1

在jquery中使用 css()

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

Answer 2

使用css()更改颜色，下面是一个示例，使用按钮更改所需文本的CSS。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

你也可以在css中定义一个这样的类：

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

和jQuery：

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

将该类添加到元素中！

Answer 4

使用此：

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