ホームページ >ウェブフロントエンド >jsチュートリアル >当時、私はまだ jquery を勉強していました。勉強メモ_jquery

当時、私はまだ jquery を勉強していました。勉強メモ_jquery

WBOYオリジナル: 2016-05-16 17:55:32927ブラウズ

Jquery は JavaScript で書かれたライブラリであることがわかり、これらのメソッドは複数のブラウザと互換性があり、優れたアニメーション効果を実現できます。 🎜> 1. $ 記号
1. セレクター
HTML タグ、ID、クラスなどを選択できます。
以下のように

をコピーします。コードコードは次のとおりです。

2. タグ内の属性を取得します

コード

コードは次のとおりです。 var sTitle = $("p>span").attr("Title"); // タグ内の属性値を取得します$ ("p>a" ).text(sTitle);//text() を使用して値を取得すると、html

3 を除いたテキストが取得されます。属性を設定します

コードをコピーします

コードは次のとおりです: $("button:gt( 0)").attr("disabled", "disabled "); //最初のボタンの後のボタンを取得し、それらの disable 属性を使用不可に設定します。この属性がないと、未定義が返されます $("img ").attr({ src: "test.jpg" , alt: "テスト画像" });

3.1. 属性の削除 
$("img").removeAttr("src "); 
 4. Modify Class, if 存在する（存在しない）場合は、クラスを削除（追加）します。 

コードをコピー

コードは次のとおりです。 $( function() { $("div>p").mouseover(

function() {

$(this).toggleClass("HightLight");//スタイル クラスを変更します 
} 
) ; 
 } 

 
4.1. クラス 
$("p").removeClass("selected"); ).addClass( "selected"); 
5. 画像をコピーします
 $("img:eq(0)").clone().appendTo($("p"));最初の写真

6. イベントバインディング、複数の同じイベントをバインドできます

コードをコピー

コードは次のとおりです:

$(function() { $("img").bind("click", function() { //バインディングイベント alert("Click! 1"); }); $("img").bind("click", function() { //バインディングイベント

alert("Click! 2");

}); }) 

7. イベントを削除します 

 コードをコピーします

コードは次のとおりです:

$(function() { $("input[type=button]").click(function() { $("img").unbind("click",eventImg );//バインドを解除してメソッド alert("Remove event!"); })

8. 要素の表示と非表示を切り替える

コードをコピー

 コードは次のとおりです。