jQuery常用API

準備

すべてのjQueryメソッドは$から始まり、通常はドル記号、またはblingと略称される.

    

$(document).ready(function(){

});

jQueryセレクタを使用してHTML要素

を取得
jQueryはセレクタで要素を選択し、要素を操作して変更します.

        
$("button")     
 .addClass("animated bounce")    CSS class。


$(document).ready(function() {
$("button").addClass("animated bounce");
});

jQuery addClass()メソッドを使用して要素にclassを追加

$(".well").addClass("animated shake");

jQueryはid属性に基づいて要素を取得する

グラデーション非表示効果

$("#target3").addClass("animated fadeOut");

3種類のセレクタ

要素セレクタ:$("button")

classセレクタ:$(".btn")

idセレクタ:$("#target1")

jQUeryを使用してHTML要素のclassを削除

$("#target2").removeClass("btn-default");

jQUeryを使用してHTML要素のcssスタイルを変更

セレクタ.css(「プロパティ」>「値」);

$("#target1").css("color","red");

jQUery設定要素を使用して使用できません

$("#target1").prop("disabled",true);

jQuery text()を使用してテキストの内容を変更

[emphasize]ラベルタイトルテキスト

を書き換え強調する

.text()テキストのみ変更できますが、タグ

は変更できません.

$("#target4").html("#target4");

jQueryを使用してhtml要素を削除

$(#target4).remove();

jQuery appendTo()を使用してhtml要素を移動

要素を1つのdivから別のdivに移動する

$("#target2").appendTo("#right-well");

jQuery clone()メソッドを使用して要素をコピー

移動要素は切り取りであり、コピー要素はコピーであるため、cloneの1つであり、移動するべきである.

$("#target5").clone().appendTo("#left-well");

jQuery parent()を使用して親要素を操作

$("#target1").parent().css("background-color","red");

jQuery children()を使用してサブレベル要素を操作

$("#right-well").children().css("color","orange");

jQuery target:nth-child(n)CSSセレクタインデックス操作要素を使用

:nth-child()逐次インデックスは1からの

である.

$(".target:nth-child(2)").addClass("animated bounce") ;

jQueryセレクタを使用してjインデックス要素を操作

jQueryのインデックスは0からの

です

$(".target:even").addClass("animated shake");

$(".target:odd").addClass("animated shake");

jQueryを使用してページ全体を変更

$("body").addClass("animated hinge");

$("body").addClass("animated fadeOut");