首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

jQuery mouseover 切換樣式:this 上下文與 toggleClass 簡化

     編輯:程式設計綜合問答

原代碼問題

`$(".pwd")` 選錯對象,應針對觸發事件的元素 `$(this)`。

修正

$("#updPwd").hover(
    function() { $(this).removeClass("pwd").addClass("pwd_hover"); },
    function() { $(this).removeClass("pwd_hover").addClass("pwd"); }
);
// 或更簡潔
$("#updPwd").hover(function() { $(this).toggleClass("pwd pwd_hover"); });

關鍵點

  • `hover(handlerIn, handlerOut)` 等價於 `mouseenter` + `mouseleave` (不冒泡,優於 `mouseover`/`mouseout`)。
  • `toggleClass("a b")` 同時切換兩個類:有則移除、無則添加。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved