javascript - ［完结］jQuery批量设置之后怎么单个触发？

Question

我知道通过jQuery可以给页面上全部带有.heading的标签设置color:#000:，但是当我想给.heading标签设置hover时color:#ddd，却发现当我hover某一个标签的时候，页面上所有.heading都变成了color：#ddd，这不是我想要的。

我只想在我hover着的某一个.heading标签实现color：#000效果，我想知道用jQuery有什么方法可以达到。

谢谢大家的时间！

Answer 1

$("body").on("mouseover",".heading",function(e){
    $(this).css('color','#000000')
})

Answer 2

jsFiddle

但我是不建議用 jQuery 的 $.css() 來控制樣式，因為內聯關係，樣式優先層級會變最高，造成如果要做一些其他的樣式控制會很麻煩，最好是全部都寫成樣式後在用 class 來控制：

使用樣式版本
jsFiddle

Answer 3

在加样式的时候，你要单指向$(this)，即$(.heading).mouseover(function(){
$(this).css("color","#ddd");
})

Answer 4

使用$(this)就可以了，$(this)就是设置当前的元素