jQuery css()方法用法介紹
利用css()方法可以設定匹配元素的樣式屬性,本身它沒有什麼難點,主要就是一個記憶和熟練問題,很多初學者可能只是在語法格式有所遺忘,下面就通過簡短的程式碼例項介紹一下如何使用此方法。
語法結構一:
[JavaScript] 純文字檢視 複製程式碼css("propertyname","value");
引數註釋:
1.propertyname:css屬性名稱,例如color,background-color。
2.value:css樣式屬性值。
特別說明:
像類似background-color這樣的屬性不能夠用駝峰寫法backgroundColor,這種寫法是在原生javascript中使用,例如style.backgroundColor="#ccc"。
例項程式碼:
[JavaScript] 純文字檢視 複製程式碼$("div").css("background-color","#ccc");
以上程式碼可以將div的背景顏色設定為"#ccc"。
語法結構二:
[JavaScript] 純文字檢視 複製程式碼css({"propertyname":"value","propertyname":"value",...});
以上程式碼可以一次性為匹配元素設定多個樣式屬性。
例項程式碼:
[JavaScript] 純文字檢視 複製程式碼$("div").css({"background-color":"#ccc","color":"red"});
以上程式碼可以設定div的背景顏色和字型顏色。
相關文章
- jQuery的triggerHandler()方法用法介紹jQuery
- css url()用法介紹CSS
- css vm用法介紹CSS
- jQuery(html,[ownerDocument])用法介紹jQueryHTML
- jQuery filter() 用法簡單介紹jQueryFilter
- getElementsByClassName()方法用法介紹
- css em單位用法介紹CSS
- css transition屬性用法介紹CSS
- css 註釋用法簡單介紹CSS
- css :focus選擇器用法介紹CSS
- jQuery Scroll-based Animations的用法介紹jQuery
- jquery css()方法設定元素的樣式簡單介紹jQueryCSS
- CSS3 clip-path 用法介紹CSSS3
- css多類選擇器用法介紹CSS
- CSS3 calc()用法簡單介紹CSSS3
- jQuery的index()函式用法簡單介紹jQueryIndex函式
- CSS3轉換(transform)基本用法介紹CSSS3ORM
- jQuery EasyUI的combobox元件用法相關介紹jQueryUI元件
- jquery.lazyload.js外掛用法簡單介紹jQueryJS
- jQuery的text()、html()和val()函式用法簡單介紹jQueryHTML函式
- css :first-child偽類選擇器用法介紹CSS
- css介紹CSS
- Function.prototype.bind()方法用法簡單介紹Function
- jQuery css() 方法jQueryCSS
- jQuery css()方法jQueryCSS
- jQuery 3教程(一):jQuery介紹jQuery
- getCurrentPosition用法介紹
- jQuery UI 1.9介紹jQueryUI
- jQuery外掛Tmpl使用方法簡單介紹jQuery
- CSS 建立介紹CSS
- CSS全面介紹CSS
- jQuery HTML / CSS 方法jQueryHTMLCSS
- jquery黏貼事件用法簡介jQuery事件
- python BeautifulSoup用法介紹Python
- MySQL 5.7 NOT EXISTS用法介紹MySql
- javascript中加號(+)用法介紹JavaScript
- replaceChild()函式用法介紹函式
- Object.isSealed()用法介紹Object