jQuery 樣式操作

2022-08-02 16:18:11 字數 963 閱讀 4867

jquery中常用的樣式操作有兩種：css() 和 設定類樣式方法

jquery 可以使用 css 方法來修改簡單元素樣式； 也可以操作類，修改多個樣式。

常用以下三種形式 : 

// 1.引數只寫屬性名，則是返回屬性值


var strcolor = $(this).css('color');


​// 2.  引數是屬性名，屬性值，逗號分隔，是設定一組樣式，屬性必須加引號，值如果是數字可以不用跟單位和引號


$(this).css('color', red');


​// 3.  引數可以是物件形式，方便設定多組樣式。屬性名和屬性值用冒號隔開， 屬性可以不用加引號


$(this).css();


​
注意：css() 多用於樣式少時操作，多了則不太方便。

作用等同於以前的 classlist，可以操作類樣式， 注意操作類裡面的引數不要加點。

常用的三種設定類樣式方法：

// 1.新增類


$("div").addclass("current");


​// 2.刪除類


$("div").removeclass("current");


​// 3.切換類


$("div").toggleclass("current");


​
注意：

設定類樣式方法比較適合樣式多時操作，可以彌補css()的不足。

原生 js 中 classname 會覆蓋元素原先裡面的類名，jquery 裡面類操作只是對指定類進行操作，不影響原先的類名。

思路分析: 1.點選上部的li，當前li 新增current類，其餘兄弟移除類。2.點選的同時，得到當前li 的索引號3.讓下部裡面相應索引號的item顯示，其餘的item隱藏

jQuery樣式操作

獲取div的樣式 div css width div css color 設定div的樣式 div css width 30px div css height 30px div css 注意 選擇器獲取的多個元素，獲取資訊獲取的是第乙個，比如 div css width 獲取的是第乙個div的wid...

jquery樣式操作

同乙個函式完成取值和賦值 獲取div的樣式 div css width div css color 設定div的樣式 div css width 30px div css height 30px div css 選擇器獲取的多個元素，獲取資訊獲取的是第乙個，比如 div css width 獲取的是...

jquery樣式操作

獲取div的樣式 div css width div css color 設定div的樣式 div css width 20px div css height 20px div css 操作樣式類名 div1 addclass divclass2 為id為div1的物件追加樣式divclass2 d...