jQuery.bind()メソッドの使い方は何ですか？

1年 ago
光, 明
1 minute

jQuery.bind()メソッドは、選択した要素に1つ以上のイベントハンドラ関数をバインドするために使用されます。

以下は使用方法です：

  1. 個々のイベント処理関数をバインドします。
$(selector).bind(event, handler)

selectorは要素を選択するもので、イベントをバインドする要素を表します。eventはイベントの種類であり、スペースで区切られた1つ以上のイベントの種類である、例えばclick、mouseoverなどです。handlerはイベント処理関数であり、定義済みの関数であっても匿名関数であっても構いません。

日本語で自然に言い換えると：　例：

$("button").bind("click", function() {
  console.log("按钮被点击了");
});
  1. 複数のイベント処理関数をバインドします。
$(selector).bind(event, [data], handler)

dataはオプションのパラメータであり、イベントハンドラに渡される追加データを表します。

例：

$("button").bind("click", { name: "John" }, function(event) {
  console.log("按钮被点击了，传递的数据：" + event.data.name);
});
  1. 複数のイベントタイプと処理関数をバインドします。
$(selector).bind(eventsObj)

その中で、eventsObjは、複数のイベントタイプと処理関数のキーと値を含むオブジェクトです。

例：例文を日本語で適切に言い換えてください。

$("button").bind({
  click: function() {
    console.log("按钮被点击了");
  },
  mouseover: function() {
    console.log("鼠标悬停在按钮上");
  }
});

注意：bind()関数はjQuery 3.0バージョンで廃止されましたので、代わりにon()関数を使用することを推奨します。

bannerAds