jquery css()方法


  翻譯結果：

css

abbr.control-stick steering 操縱桿控制;combat service support 戰鬥勤務支援;coded switch system 密碼轉接系統;cryogenic storage system 冷凍貯藏系統

jquery css()方法語法

作用：css() 方法傳回或設定符合的元素的一個或多個樣式屬性。

傳回css屬性：傳回第一個符合元素的 CSS 屬性值。當用於傳回一個值時，不支援簡寫的 CSS 屬性（例如 "background" 和 "border"）。

語法：$(selector).css(name)'

#參數：

參數說明
name    必要。規定 CSS 屬性的名稱。此參數可包含任何 CSS 屬性。如 "color"。  

設定css屬性：    設定所有符合元素的指定 CSS 屬性。

語法：$(selector).css(name,value)

#參數：

參數說明
name    #必要。規定 CSS 屬性的名稱。此參數可包含任何 CSS 屬性，例如 "color"。
value    可選。規定 CSS 屬性的值。此參數可包含任何 CSS 屬性值，例如 "red"。如果設定了空字串值，則從元素中刪除指定屬性。

使用函數來設定css屬性：設定所有符合的元素中樣式屬性的值。此函數傳回要設定的屬性值。接受兩個參數，index 為元素在物件集合中的索引位置，value 是原先的屬性值。

語法：$(selector).css(name,function(index,value))

參數：

參數描述
#name    必要。規定 CSS 屬性的名稱。此參數可包含任何 CSS 屬性，例如 "color"。
function(index,value)規定傳回 CSS 屬性新值的函數。
index 可選。接受選擇器的 index 位置
oldvalue #可選。接受 CSS 屬性的目前值。

設定多個css屬性/值：將「名稱/值對」物件設定為所有符合元素的樣式屬性。這是在所有符合的元素上設定大量樣式屬性的最佳方式。

語法：$(selector).css({property:value, property:value, ...})

##參數：

參數描述#{property:value} 必要。規定要設定為樣式屬性的「名稱/值對」物件。此參數可包含若干對 CSS 屬性名稱/值。如 {"color":"red","font-weight":"bold"}#

jquery css()方法範例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").css("color","red");
  });
});
</script>
</head>

<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">改变段落的颜色</button>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

熱門推薦

首頁

影片

問答