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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 使用jquery操作元素的css樣式(獲取、修改等等)jQueryCSS
- JQuery中操作Css樣式的方法jQueryCSS
- jquery css()方法設定元素的樣式簡單介紹jQueryCSS
- 【css】 如何修改select的樣式CSS
- jQuery使用css()方法改變元素樣式程式碼例項jQueryCSS
- css修改title樣式CSS
- javascript 動態修改css樣式方法彙總(四種方法)JavaScriptCSS
- 【CSS】VUE樣式修改不生效CSSVue
- javascript 動態修改css樣式JavaScriptCSS
- 通過CSS變數修改樣式CSS變數
- CSS 樣式清單整理CSS
- 【CSS】關於表單樣式CSS
- jQuery實現單擊某個標籤改變樣式jQuery
- 影片直播原始碼,CSS 修改捲軸樣式、信封邊框樣式原始碼CSS
- jquery css()一次性為多個元素設定多個樣式jQueryCSS
- React修改Antd元件樣式的方法React元件
- Win10系統修改右鍵選單樣式的方法Win10
- vue如何修改第三方庫的css樣式,如element-ui的樣式,穿透樣式的寫法VueCSSUI穿透
- 直播平臺原始碼,CSS 修改捲軸樣式、信封邊框樣式原始碼CSS
- jQuery css() 方法jQueryCSS
- jQuery css()方法jQueryCSS
- jquery設定元素css樣式的幾種方式jQueryCSS
- jquery給元素新增樣式表的方法jQuery
- javascript如何修改元素的樣式JavaScript
- css實現修改預設滾動條樣式CSS
- 【技術貼】DropDownList的css顏色樣式修改CSS
- CSS使用者介面樣式CSS
- 小程式 | 如何在頁面修改元件樣式?渲染出來的元件列表,如何個性化樣式?元件
- css如何設定字串中第一個字元的樣式CSS字串字元
- JQuery屬性與樣式——樣式操作.css()和元素資料的儲存.data()jQueryCSS
- CSS 第N個子元素樣式CSS
- CSS 第2個li元素樣式CSS
- jQuery 樣式操作jQuery
- jQuery HTML / CSS 方法jQueryHTMLCSS
- jQuery css()函式使用程式碼例項jQueryCSS函式
- css樣式CSS
- CSS的內聯樣式和外鏈樣式簡單介紹CSS
- 修改important樣式Import