84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
我知道通过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)
就是设置当前的元素