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

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

WBOY

リリース： 2016-05-16 17:55:32

オリジナル

936 人が閲覧しました

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. 要素の表示と非表示を切り替える

コードをコピー

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

著者別の最新記事

NullPointerException とは何ですか?どのように修正すればよいですか?

2024-10-22 09:46:29
初心者からプログラマーへ: 旅は C の基礎から始まります

2024-10-13 13:53:41
PHP による Web 開発のロックを解除する: 初心者ガイド

2024-10-12 12:15:51
C の謎を解く: 新人プログラマーのための明確でシンプルな道

2024-10-11 22:47:31
コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング

2024-10-11 19:36:51
内なるプログラマーを解き放つ: まったくの初心者のための C

2024-10-11 15:50:41
C で生活を自動化する: 初心者向けのスクリプトとツール

2024-10-11 15:07:41
PHP を簡単に: Web 開発の最初のステップ

2024-10-11 14:21:21
Python で何でも構築: 創造性を解き放つための初心者ガイド

2024-10-11 12:59:11
コーディングの鍵: 初心者のための Python の力を解き放つ

2024-10-11 12:17:31