jQueryのコア機能とイベント処理の詳細な説明

 $(ドキュメント).ready(関数(){
  // ここにコードを記述します...
});
// 以下は省略形 $(function($) {
  // ここでも $ をエイリアスとして使い続けることができます...
});

 // pタグにクリックイベントリスナーを追加します $("p").on("click", function(){
	アラート( $(this).text() );
});
// 2番目の書き方は上記と同等です $("p").click(function(){
	アラート( $(this).text() );
});

 // p タグにバインドされたすべてのイベント リスナーを削除します $("p").off()
// p タグにバインドされたクリック イベント リスナーを削除します $("p").off("click")

 // p タグにバインドされたすべてのイベント リスナーを削除します $("p").bind("click", function(){
  アラート( $(this).text() );
});
// 複数のイベントタイプを同時にバインドする $('#foo').bind('mouseenter mouseleave', function() {
  アラート();
});

 // すべての段落のすべてのイベントをバインド解除します $("p").unbind()
// 段落のクリックイベントをアンバインドします $("p").unbind("click")

 // すべての段落が初めてクリックされたときに、そのすべてのテキストを表示します $("p").one("click", function(){
  アラート( $(this).text() );
});

 <div style="background-color:red">
      <p>これは段落です。 </p>
      <button>ここをクリック</button>
  </div>

// ボタンがクリックされたときに、p 要素を非表示または表示します $("div").delegate("button", "click", function () {
      $("p").スライドトグル();
  });

 // delegate() メソッドによって追加されたすべてのイベント ハンドラーを p 要素から削除します $("p").undelegate();
// delegate() メソッドによって p 要素から追加されたすべてのクリック イベント ハンドラーを削除します $("p").undelegate("click")

// マウスホバーのテーブルは特定のクラス $("td").hover( で追加されます
  関数 （） {
    $(this).addClass("ホバー");
  },
  関数 （） {
    $(this).removeClass("hover");
  }
);

 // マウスホバーのテーブルは特定のクラス $("td").hover( で追加されます
  関数 （） {
    $(this).addClass("ホバー");
  },
  関数 （） {
    $(this).removeClass("hover");
  }
);

// 選択した要素の変更イベントをトリガーします $(selector).change();

 // ページ内のすべての段落のクリック イベントをトリガーします $("p").click();

 // 「Hello World!」アラート ボックスをページ上の各段落のダブルクリック イベントにバインドします $("p").dblclick( function () { alert("Hello World!"); });

 // サーバー上の JavaScript エラーをログに記録します。
$(window).error(function(msg, url, line){
  jQuery.post("js_error_log.php", { msg: msg, url: url, line: line });
});

 // ページが読み込まれたら、ID が 'login' の要素にフォーカスを設定します。
$(ドキュメント).ready(関数(){
  $("#ログイン").focus();
});

 <p><input type="text" /> <span>フォーカスアウト ファイア</span></p>
<p><input type="password" /> <span>フォーカスアウト ファイア</span></p>

// フォーカスを取得した後、アニメーションがトリガーされます$("p").focusin(function() {
	$(this).find("span").css('display','inline').fadeOut(1000);
});

 // フォーカスを取得した後、アニメーションがトリガーされます $("p").focusout(function() {
  $(this).find("span").css('display','inline').fadeOut(1000);
});

 // ページ上のキーボードのキー入力に応答するには、次のコードを使用できます $(window).keydown(function(event){
  スイッチ(イベント.キーコード) {
    // ...
    // キーによって動作が異なります // ブラウザによってキーコードが異なります // 詳細は http://unixpapa.com/js/key.html をご覧ください
    // ...
  }
});

 // 入力フィールドのキーストロークの数をカウントします $("input").keydown(function(){
  $("span").text(i+=1);
});

 // キーが押されたら、テキストフィールドの色を変更します $("input").keyup(function(){
  $("入力").css("背景色","#D6D6FF");
});

 // マウスボタンが押されたときに、要素を非表示または表示します $("button").mousedown(function(){
  $("p").スライドトグル();
});

 // マウスポインタが要素に入る（通過する）と、要素の背景色を変更します$("p").mouseenter(function(){
  $("p").css("背景色","黄色");
});

// マウス ポインターが要素から離れると、要素の背景色が変更されます $("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4");}); // マウス ポインターが要素から離れると、要素の背景色が変更されます $("p").mouseleave(function(){
  $("p").css("背景色","#E9E9E4");
});

 // ページ内のマウスポインターの位置を取得します $(document).mousemove(function(e){
  $("span").text(e.pageX + ", " + e.pageY);
});

 // マウスが要素から離れると、要素の背景色が変更されます。
$("p").mouseout(関数(){
  $("p").css("背景色","#E9E9E4");
});

// マウスポインターが要素の上にあるとき、要素の背景色を変更します$("p").mouseover(function(){
  $("p").css("背景色","黄色");
});

 // マウスボタンが放されたときに、要素を非表示または表示します $("button").mouseup(function(){
  $("p").スライドトグル();
});

 // ページウィンドウのサイズを変更するときに警告ウィンドウをポップアップします$(window).resize(function(){
  alert("やめてください!");
});

 // ページのスクロールバーが変更されたときに実行される関数:
$(window).scroll( 関数() { 
 	 alert("やめてください!");
});

 // すべての入力要素の選択イベントをトリガーします。
$("入力").select();

 // このページの最初のフォームを送信します:
$("フォーム:first").submit();
// フォームの送信を禁止する:
$("form").submit( 関数() {
  false を返します。
} );

// ページがアンロードされたときに警告ボックスをポップアップ表示します:
$(window).unload( function () { alert("さようなら!"); } );