這篇文章主要介紹“.css(propertyName)怎么使用”，在日常操作中，相信很多人在.css(propertyName)怎么使用問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”.css(propertyName)怎么使用”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比岳陽(yáng)樓網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式岳陽(yáng)樓網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋岳陽(yáng)樓地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

描述: 獲取匹配元素集合中的第一個(gè)元素的樣式屬性的值

添加的版本: 1.0.css( propertyName )

propertyName

類型: String

一個(gè)css屬性名。

添加的版本: 1.9.css( propertyNames )

propertyNames

類型: Array

一個(gè)或多個(gè)CSS屬性組成的一個(gè)數(shù)組

.css()方法可以非常方便地獲取匹配的元素集合中第一個(gè)元素的樣式屬性值， 對(duì)于某些屬性而言，瀏覽器訪問樣式屬性的方式是不同的，該方法對(duì)于取得這些屬性是非常方便的(例如， 某些屬性在標(biāo)準(zhǔn)瀏覽器下是通過的 getComputedStyle() 方法取得的，而在Internet Explorer下是通過currentStyle 和 runtimeStyle屬性取得的)并且，某些特定的屬性，不同瀏覽器的寫法不一。舉個(gè)例子， Internet Explorer的DOM 將float 屬性寫成 styleFloat實(shí)現(xiàn)，W3C標(biāo)準(zhǔn)瀏覽器將float 屬性寫成cssFloat。 為了保持一致性，您可以簡(jiǎn)單地使用"float"，jQuery將為每個(gè)瀏覽器返回它需要的正確值。

另外,jQuery同樣可以解析 CSS 和 用multiple-word格式化（用橫杠連接的詞，比如：background-color）的DOM屬性的不同寫法。舉個(gè)例子：jQery能解析.css('background-color') 和 .css('backgroundColor')并且返回正確的值。不同的瀏覽器可能會(huì)返回CSS顏色值在邏輯上相同，但在文字上表現(xiàn)不同，例如： #FFF, #ffffff, 和 rgb(255,255,255)。

簡(jiǎn)寫速寫的CSS屬性(例如： margin, background, border) 是不支持的，例如，如果你想重新獲取margin，可以使用$(elem).css('marginTop') 和 $(elem).css('marginRight')，其他的也是如此。

從jQuery 1.9開始, 傳遞一個(gè)CSS的樣式屬性的數(shù)組給.css()將返回 屬性 - 值 配對(duì)的對(duì)象。例如，要獲取元素4個(gè)邊距寬度值border-width，你可以使用$( elem ).css([ "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth" ]).

例子:

Example: 點(diǎn)擊div，得到它的背景顏色

到此，關(guān)于“.css(propertyName)怎么使用”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！