jqueryのaddClass()メソッド
翻訳結果：
add
英[æd] 美[æd]
vt.追加; 追加; 説明を追加; 含める…
vi. 増加; 加算を行う; 蓄積する; Expand
n. 加算、加算演算; (レポートの補足部分)
class
英[klɑ :s] 美[klæs]
n.Class; class; level; category
vt.... を特定のレベルに分類し、... とみなす (または分類、Classify) ; put... を特定のクラスに入れる
adj. 非常に良い、優れた、優れた
vi.... カテゴリ (またはレベル) に属し、特定のカテゴリ (または一定レベル)
jqueryのaddClass()メソッド構文
関数: addClass() メソッドは、選択した要素に 1 つ以上のクラスを追加します。このメソッドは既存のクラス属性を削除せず、1 つ以上のクラス属性を追加するだけです。複数のクラスを追加する必要がある場合は、クラス名をスペースで区切ります。
構文: $(selector).addClass(class)
##パラメータ:
| 説明 | |
| 必須。 1 つ以上のクラス名を指定します。 |
構文: $(selector).addClass(function(index,oldclass))
パラメータ：
| 説明 | ##function(index,oldclass) |
| インデックス | |
| クラス | |
jqueryのaddClass()メソッド例<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:first").addClass("intro");
});
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>向第一个 p 元素添加一个类</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します |