jQuery方法,類名操作和DOM樣式操作

類名操作

  • 1.添加類名:addClass(className) 為指定元素添加類名
注意:此處類名不帶點,所有類操作的方法類名都不帶點"."
  • 2.移除類名:removeClass(className) 為指定元素移除類名


  • 3.切換類名:toggleClass(className) 切換類名,如果沒有指定類名就添加,有就移除。


  • 4.判斷有沒有某個類名

樣式操作

  • 1.獲取樣式(.css("樣式屬性名稱")):
  • 具體操作:
//獲取想要獲取樣式的jQuery對象
var $div = $('.box');
//獲取div的寬度
var w = $div.css('width');
  • 2.設置樣式
  • 設置單個樣式(.css("樣式屬性名稱","樣式屬性值")):


//獲取想要獲取樣式的jQuery對象
var $div = $('.box');
//獲取div的寬度
var w = $div.css("color","blue");
  • 設置多個樣式(.css({"樣式屬性名稱":"樣式屬性值"})):


//獲取想要獲取樣式的jQuery對象
var $div = $('.box');
//獲取div的寬度
var w = $div.css({'width': '500px', 'height': '500px','background': 'red'});
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容