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.設(shè)置樣式
  • 設(shè)置單個樣式(.css("樣式屬性名稱","樣式屬性值")):


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


//獲取想要獲取樣式的jQuery對象
var $div = $('.box');
//獲取div的寬度
var w = $div.css({'width': '500px', 'height': '500px','background': 'red'});
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容