jquery樣式操作toggle

2021-07-13 19:59:59 字數 794 閱讀 2968

樣式操作主要包括：獲採樣式和設定樣式，追加樣式，刪除樣式，切換樣式，判斷是否有某個樣式。

* 獲採樣式和設定樣式：首先我們要理解樣式class屬性也屬於元素的屬性，因此我們可以使用attr()來獲採樣式和設定樣式。
如下所示：

給p元素設定樣式

var getclass = $(「p」).attr(「class」);

console.log(getclass);

結果是：myclass

設定樣式：var getclass = $(「p」).attr(「class」，「error」);

結果是：

* 追加樣式：addclass()
給p元素追加樣式

$(「input」).addclass(「another error」);

結果是： 

* 刪除樣式：removeclass()
removeclass()方法：

$(「input」).removeclass(「another error」)

結果是： 

* 判斷樣式是否存在：hasclass();

var isclass = $(「input」).hasclass(「error」);

console.log(isclass);

列印結果為：true

* 切換樣式：toggle()方法主要是控制行為上的重複切換。

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...