如何使用 jQuery抓住这个#one-id
并附加一个 this到它?.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>
这使用了 jQuery 的两个相当基本的方面:
$("#one-id").addClass("myclass");
第一部分 $("#one-id")
使用 CSS 选择器查找匹配的元素。在这种情况下,因为元素有一个id
,所以我们使用了一个id
选择器,我们最多只能返回一个元素(因为只有一个元素可以有任何给定的id
),但是 jQuery 完全是关于集合论的,所以它仍然是一个 "一组”元素(一个条目)。
然后我们调用addClass
那个 jQuery 对象,它将类添加到集合中尚未拥有它的任何元素中。
我建议浏览一些 jQuery 教程并花一个小时阅读文档。
尝试
$("#one-id").addClass("myclass");