ホームページ > ウェブフロントエンド > jsチュートリアル > 複数のセレクターと複数の events_jquery をバインドするための jQuery イベントの on() メソッドの簡単な分析

複数のセレクターと複数の events_jquery をバインドするための jQuery イベントの on() メソッドの簡単な分析

WBOY
リリース: 2016-05-16 15:03:31
オリジナル
1498 人が閲覧しました
$(document).on('click', '#header .top, #main .btn', function () {
   // code...
 });
ログイン後にコピー

on() メソッドは複数のイベントをバインドします

$("table.planning_grid").on({
  mouseenter: function() {
    // Handle mouseenter...
  },
  mouseleave: function() {
    // Handle mouseleave...
  },
  click: function() {
    // Handle click...
  }
}, "td");
ログイン後にコピー

on() メソッドを使用して複数のセレクターと複数のイベントをバインドします

$(document).on({
  mouseenter: function() {
    // Handle mouseenter...
  },
  mouseleave: function() {
    // Handle mouseleave...
  },
  click: function() {
    // Handle click...
  }
}, 'click', '#header .top, #main .btn'); 
ログイン後にコピー

上記の記事は、複数のセレクターをバインドするための jQuery イベントの on() メソッドを簡単に分析したものであり、エディターが共有するすべての内容ですので、参考にしていただければ幸いです。スクリプトホーム。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート