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