jqueryはパラメータを渡してメソッドを呼び出します

jQuery では、関数に引数を渡すさまざまな方法があります。この記事ではjQueryでパラメータを渡す方法をいくつか紹介します。

1. 単純なパラメータを使用する

最も簡単な方法は、関数名の直後にパラメータを追加することです。例:

$('button').click(function() {
  alert('Hello');
});

このコード スニペットは、ボタンをクリックするたびにメッセージ ボックスをポップアップ表示し、メッセージ ボックスに「Hello」というテキストが表示されます。

2. オブジェクトをパラメータとして渡す

複数のパラメータを関数に渡す必要がある場合があり、これらのパラメータには特定の相関関係がある場合があります。このとき、複数のパラメータをオブジェクトにカプセル化して転送できます。例:

function showUser(user) {
  alert('User ID: ' + user.id + '
Username: ' + user.username);
}

var user = {
  id: 123,
  username: 'john_doe'
};

$('button').click(function() {
  showUser(user);
});

このコード スニペットは、ボタンがクリックされるたびにメッセージ ボックスをポップアップ表示します。メッセージ ボックスには、ユーザーの ID とユーザー名が表示されます。

3. data() メソッドを使用してパラメータを渡す

jQuery には、パラメータを明示的に渡すだけでなく、渡すパラメータを非表示にする方法も用意されています。 jQuery の data() メソッドを使用して、DOM 要素にデータ オブジェクトを保存し、イベント処理関数の this オブジェクトを通じて要素に保存されたデータ オブジェクトにアクセスできます。例:

$('button').data('user', {
  id: 123,
  username: 'john_doe'
}).click(function() {
  var user = $(this).data('user');
  alert('User ID: ' + user.id + '
Username: ' + user.username);
});

このコード スニペットは、ボタンがクリックされるたびにメッセージ ボックスをポップアップ表示します。メッセージ ボックスには、ユーザーの ID とユーザー名が表示されます。ここでは、ユーザー オブジェクトがボタン要素の userData 属性に保存されます。 data() メソッドを使用すると、this を通じてこのユーザー オブジェクトを参照できます。

4. call() または apply() メソッドを使用してパラメータを渡す

関数を呼び出す必要がある場合がありますが、関数を呼び出すコンテキストを手動で指定する必要があります。関数が実行されます。 JavaScript は、このニーズを満たすために、call() メソッドと apply() メソッドという 2 つの関数を提供します。どちらのメソッドでもパラメータを渡すことができます。例:

function showMessage(message) {
  alert('Message: ' + message);
}

showMessage.call(null, 'Hello');

このコード スニペットは showMessage 関数を呼び出し、文字列「Hello」をパラメータとして関数に渡します。

概要

この記事では、単純なパラメーター、オブジェクトをパラメーターとして渡す、data() メソッドを使用してパラメーターを渡す、call() または apply を使用するなど、jQuery でパラメーターを渡すいくつかの方法を紹介します。 ( ) メソッドでパラメータを渡します。さまざまなシナリオに適した方法が異なるため、実際の状況に応じて適切な方法を選択する必要があります。

以上がjqueryはパラメータを渡してメソッドを呼び出しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。