jQuery如何使用css方法修改單個樣式?
jQuery可以使用css方法來修改簡單元素樣式;也可以操作類,修改多個樣式。下面首先對css()方法進行詳細講解。
1. 獲取樣式
css()方法接收引數時只寫樣式名,則返回樣式值。下面透過程式碼演示。
上述程式碼中,第2行設定div元素樣式寬度為200px,高度為200px,背景色為pink。第4行定義div元素,第6行用來獲取div元素的寬度並在控制檯中輸出結果。
2. 設定單個樣式
css()接收的引數是屬性名和屬性值,逗號分隔,是設定一組樣式,屬性必須加引號,值如果是數字可以不用跟單位和引號。下面透過程式碼進行演示。
上述程式碼中,第2行重新設定div元素的寬度為300px,第3行輸出結果為300px。
3. 設定多個樣式
css()方法的引數可以是物件形式,方便設定多組樣式。樣式名和樣式值用冒號隔開,樣式名可以不用加引號。下面透過程式碼演示。
上述程式碼中,設定div元素寬度為400px,高度為400px,背景色為紅色。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2769456/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 【css】 如何修改select的樣式CSS
- css修改title樣式CSS
- javascript 動態修改css樣式JavaScriptCSS
- 【CSS】VUE樣式修改不生效CSSVue
- 通過CSS變數修改樣式CSS變數
- 如何使用CSS繪製一個漢堡式選單CSS
- CSS 樣式清單整理CSS
- jQuery css() 方法jQueryCSS
- jQuery實現單擊某個標籤改變樣式jQuery
- 【CSS】關於表單樣式CSS
- 影片直播原始碼,CSS 修改捲軸樣式、信封邊框樣式原始碼CSS
- jQuery HTML / CSS 方法jQueryHTMLCSS
- React修改Antd元件樣式的方法React元件
- ANT 的Table表格樣式修改方法
- 直播平臺原始碼,CSS 修改捲軸樣式、信封邊框樣式原始碼CSS
- vue如何修改第三方庫的css樣式,如element-ui的樣式,穿透樣式的寫法VueCSSUI穿透
- jQuery 樣式操作jQuery
- css實現修改預設滾動條樣式CSS
- jQuery如何使用過濾not()方法jQuery
- CSS使用者介面樣式CSS
- jQuery和CSS3打造GOOGLE樣式的使用者登入介面jQueryCSSS3Go
- CSS 第2個li元素樣式CSS
- CSS 第N個子元素樣式CSS
- css樣式CSS
- jQuery如何使用文件操作detach()方法jQuery
- jQuery中過濾方法slice()方法如何使用?jQuery
- 小程式 | 如何在頁面修改元件樣式?渲染出來的元件列表,如何個性化樣式?元件
- [譯] 如何用函式式 CSS 簡化樣式工作函式CSS
- 【JavaScript框架封裝】實現一個類似於JQuery的CSS樣式框架的封裝JavaScript框架封裝jQueryCSS
- CSS設定半個文字的樣式CSS
- 001---css樣式規則及css字型樣式CSS
- 常用CSS樣式2:其它樣式CSS
- 常用CSS樣式1:文字樣式CSS
- vue使用iview或者element-ui元件修改樣式不生效解決方法VueViewUI元件
- jq如何改變css樣式寬度CSS
- css字型樣式CSS
- css背景樣式CSS
- vue專案,使用elementUI,修改樣式,不生效VueUI