ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jqueryのtrigger()メソッドの使用例

jQuery_jqueryのtrigger()メソッドの使用例

WBOY
WBOYオリジナル
2016-05-16 16:19:141071ブラウズ

この記事の例では、jQuery でのtrigger() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する要素に対して指定されたタイプのイベントをトリガーします。

文法構造 1:
一致する要素によってトリガーされるイベント タイプを指定します。

コードをコピー コードは次のとおりです:
$(selector).trigger(event,param1,param2 、.. .)

パラメータリスト:

参数 描述
event 规定指定元素要触发的事件。
可以是自定义事件(使用 bind() 函数来附加),或者任何标准事件。
param 可选。传递到事件处理程序的额外参数。
额外的参数对自定义事件特别有用。

コード例:

コードをコピーします コードは次のとおりです:



<頭>


trigger() 関数 - スクリプト ホーム


<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("div").click(function(){
$("div").append("追加されたコンテンツ");
});
$("ボタン").click(function(){
$("div").trigger("click");
})
})







ボタンボタンがクリックされると、div上のクリックイベントがトリガーされ、クリックイベント処理関数が実行されます。

文法構造 2:

イベント オブジェクトをパラメータとして使用して、一致する要素に対してトリガーされるイベント タイプを指定します。

コードをコピーします コードは次のとおりです:
$(selector).trigger(eventObj)

パラメータリスト:

参数 描述
eventObj 事件对象规定了事件发生时运行的函数。

Example code:

Copy code The code is as follows:






trigger() function-Script Home









I hope this article will be helpful to everyone’s jQuery programming.

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。