jQuery如何使用css方法修改單個樣式?

千鋒武漢發表於2021-04-23

  jQuery可以使用css方法來修改簡單元素樣式;也可以操作類,修改多個樣式。下面首先對css()方法進行詳細講解。

  1. 獲取樣式

  css()方法接收引數時只寫樣式名,則返回樣式值。下面透過程式碼演示。

1

  上述程式碼中,第2行設定div元素樣式寬度為200px,高度為200px,背景色為pink。第4行定義div元素,第6行用來獲取div元素的寬度並在控制檯中輸出結果。

  2. 設定單個樣式

  css()接收的引數是屬性名和屬性值,逗號分隔,是設定一組樣式,屬性必須加引號,值如果是數字可以不用跟單位和引號。下面透過程式碼進行演示。

2

  上述程式碼中,第2行重新設定div元素的寬度為300px,第3行輸出結果為300px。

  3. 設定多個樣式

  css()方法的引數可以是物件形式,方便設定多組樣式。樣式名和樣式值用冒號隔開,樣式名可以不用加引號。下面透過程式碼演示。

3

  上述程式碼中,設定div元素寬度為400px,高度為400px,背景色為紅色。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2769456/,如需轉載,請註明出處,否則將追究法律責任。

相關文章