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)
就是设置当前的元素