84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我知道通过jQuery可以给页面上全部带有.heading的标签设置color:#000:,但是当我想给.heading标签设置hover时color:#ddd,却发现当我hover某一个标签的时候,页面上所有.heading都变成了color:#ddd,这不是我想要的。
我只想在我hover着的某一个.heading标签实现color:#000效果,我想知道用jQuery有什么方法可以达到。
谢谢大家的时间!
认证0级讲师
$("body").on("mouseover",".heading",function(e){ $(this).css('color','#000000') })
jsFiddle
但我是不建議用 jQuery 的 $.css() 來控制樣式,因為內聯關係,樣式優先層級會變最高,造成如果要做一些其他的樣式控制會很麻煩,最好是全部都寫成樣式後在用 class 來控制:
jQuery
$.css()
class
使用樣式版本jsFiddle
在加样式的时候,你要单指向$(this),即$(.heading).mouseover(function(){$(this).css("color","#ddd");})
使用$(this)就可以了,$(this)就是设置当前的元素
$(this)
jsFiddle
但我是不建議用
jQuery
的$.css()
來控制樣式,因為內聯關係,樣式優先層級會變最高,造成如果要做一些其他的樣式控制會很麻煩,最好是全部都寫成樣式後在用class
來控制:使用樣式版本
jsFiddle
在加样式的时候,你要单指向$(this),即$(.heading).mouseover(function(){
$(this).css("color","#ddd");
})
使用
$(this)
就可以了,$(this)
就是设置当前的元素