用Hover來綁定元素事件時,如果要寫的樣式很多。先把樣式寫在樣式表再用attr()方法讀取類名。為什么現(xiàn)在反而沒反應(yīng)了?是哪出了問題
? ? <style>
? ? .bjcolor{ background: #fff;}
? ? </style>
<body>
? ? <h2>.hover()方法</h2>
? ? <div class="left">
? ? ? ? <div class="aaron1">
? ? ? ? ? ? <p>觸發(fā)hover事件</p>
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">
? ? // hover()方法是同時綁定 mouseenter和 mouseleave事件。
? ? // 我們可以用它來簡單地應(yīng)用在 鼠標在元素上行為
? ? $("p").hover(
? ? ? ? function() {
? ? ? ? ? ? $(this).css("background", 'red');
? ? ? ? },
? ? ? ? function() {
? ? ? ? ? ? $(this).attr("bjcolor");
? ? ? ? }
? ? );
? ? </script>
</body>
換成.addClass()獲取也不行
_______________________________________________________________________________________________________________________
是不是要結(jié)合removeClass()才行?
? ? $('p').hover(
? ? ? ? function(){
? ? ? ? ? ? $(this).addClass("add");
? ? ? ? },
? ? ? ??
? ? ? ? function(){
? ? ? ? ? ? ?$(this).removeClass("add");
? ? ? ? }
? ? ? ? )
2017-07-11
$(selector).attr(attribute)
attribute ? ?規(guī)定要獲取其值的屬性。 ? ?
2019-01-22
你這樣設(shè)置是不對的,顏色不會變? 因為權(quán)重不一樣,一個是行間樣式,一個是class屬性,class屬性是不可能覆蓋行間樣式的,你要是想和例子里面一樣的效果你就要把?$(this).css("background", 'red')后面加;$(this).attr("class","");
2017-12-03
糾正一下,.css可以動態(tài)修改樣式,而addClass只能靜態(tài)修改樣式,而$(this)是動態(tài)選擇器,所以這里這能用css動態(tài)修改樣式。
2017-12-03
$(this).addClass('bjcolor');就可以了
2017-10-25
這樣子好像還是不行啊
2017-07-20
?$(this).attr("class","bjcolor");