css
abbr.コントロール スティック ステアリング ジョイスティック コントロール;戦闘サービス サポート 戦闘サービス サポート;コード化スイッチ システム パスワード転送システム;極低溫貯蔵システム 極低溫貯蔵システム
jquery css() メソッド 構(gòu)文
関數(shù): css() メソッドは、一致する要素の 1 つ以上のスタイル屬性を返すか、設(shè)定します。
CSS プロパティを返す: 最初に一致した要素の CSS プロパティ値を返します。短縮形の CSS プロパティ (「background」や「border」など) を値を返すために使用する場合はサポートされません。
構(gòu)文: $(selector).css(name)'
パラメータ:
| パラメータ | 説明 |
| 名前 | 必須。 CSS プロパティの名前を指定します。このパラメータには、任意の CSS プロパティを含めることができます。例えば「色」。 |
CSS プロパティの設(shè)定: 一致するすべての要素に対して、指定された CSS プロパティを設(shè)定します。
# 構(gòu)文: $(selector).css(name,value)
パラメータ:
| パラメータ | 説明 |
| 名前 | 必須。 CSS プロパティの名前を指定します。このパラメータには、「color」などの任意の CSS プロパティを含めることができます。 |
| 値 | オプション。 CSS プロパティの値を指定します。このパラメータには、「red」などの任意の CSS プロパティ値を含めることができます。空の文字列値が設(shè)定されている場合は、指定された屬性を要素から削除します。 |
関數(shù)を使用して CSS 屬性を設(shè)定します。 一致するすべての要素に style 屬性の値を設(shè)定します。この関數(shù)は、設(shè)定するプロパティ値を返します。 2 つのパラメータを受け入れます。index はオブジェクト コレクション內(nèi)の要素のインデックス位置、value は元の屬性値です。
構(gòu)文: $(selector).css(name,function(index,value))
パラメータ:
| 説明 | |
| 必須。 CSS プロパティの名前を指定します。このパラメータには、「color」などの任意の CSS プロパティを含めることができます。 | |
| CSS プロパティの新しい値を返す関數(shù)を指定します。 | |
| オプション。セレクターのインデックス位置 | |
| オプションを受け入れます。 CSS プロパティの現(xiàn)在の値を受け入れます。 |
| パラメータ | 説明 |
| {プロパティ:値} | 必須。スタイル屬性として設(shè)定する名前と値のペアのオブジェクトを指定します。このパラメータには、複數(shù)の 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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します