jquery的class操作 css樣式操作

2022-02-17 12:43:35 字數 659 閱讀 8970

切換

123// css樣式操作

// jquery中不用考慮相容性,所有的語法都不需要考慮瀏覽器相容性

// jquery都會給你處理好

// $().css(屬性)          獲取屬性的屬性值  結果有px單位

// $().css(屬性,屬性值)    設定屬性的屬性值

// 獲取

console.log( $('div').css('color') );

console.log( $('div').css('border') );

console.log( $('div').css('background') );

console.log( $('div').css('width') );

// 設定

// 語法形式1,設定乙個屬性和屬性值

$('div').css('color' , 'blue');

// $('div').css('fontsize' , '100px');

// $('div').css('font-size' , '100px');

$('div').css('font-size' , 100);

// 語法形式2,可以通過乙個物件,同時設定多個屬性以及對應的屬性值

$('div').css()

jquery 操作 class 屬性

類屬性即class屬性,規定類名.用類選擇器規定樣式的時候,需要為元素指定類名,即class屬性的值.注意每個html元素只有乙個class屬性.但是class屬性的值可以是多個名稱,即可能包含乙個詞的列表,中間用空格分隔.具體使用方法見 用jquery進行類名修改既可以用attr 方法修改 cla...

jQuery操作元素的class屬性

今天在做乙個選單摺疊外掛程式的時候需要根據頁面的url改變其class屬性。jquery操作元素的屬性是非常方便的,在此記錄一下 1.給元素新增class屬性 1 新增單個class可以直接寫class名字,例如 p addclass selected 2 新增多個class多個class中間空格隔...

jquery操作class屬性的方法

使用 jquery 可以很方便的操作div元素的class屬性的值,以實現各種炫彩的動態效果。這篇文章就來說一說,幾種使用 jq 來操作 div 元素class屬性的方法。jq 的 addclass 方法,可以向乙個指定的 html 元素的 class 屬性中新增乙個屬性值 示例 mochu cla...