抓住一个div并附上一个类jQuery

Question

如何抓取此#one-id并使用jQuery将此.myclass附加到其中？

#one-id {
width: 120px;
height: 40px;
float: left;
padding: 10px;
margin: 10px;
background-color: #EEEEEE;
}
.myclass {border: 13px solid red}

<div id="one-id">CLASS</div>

FIDDLE HERE

Answer 1

这使用了jQuery的两个相当基本的方面：

$("#one-id").addClass("myclass");

first part $("#one-id")使用CSS选择器查找匹配的元素。在这种情况下，因为元素有id，我们使用的是id selector，我们最多会找回一个元素（因为只有一个元素可以有任何给定的id） ，但jQuery完全是关于集合论的，所以它仍然是元素的“集合”（只有一个条目）。

然后我们在该jQuery对象上调用addClass，该对象将该类添加到集合中尚未拥有它的任何元素。

我建议查看一些jQuery教程并花一小时阅读the documentation。

Answer 2

尝试

$("#one-id").addClass("myclass");