jQuery_jqueryにおけるクリックイベントの定義と使い方

この記事の例では、jQuery でのクリック イベントの定義と使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

マウス ポインターが一致する要素の上にあるときに、マウスの左ボタンを押して放すか、click() メソッドを呼び出すと、クリック イベントがトリガーされます。

click() メソッドはイベント処理メソッドをバインドすることもできます。

文法構造 1:
クリックイベントをトリガーします。

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

$(selector).click()

文法構造 2:
イベント処理メソッドをクリック イベントにバインドします。

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

$(selector).click(data,function)

パラメータリスト:

参数	描述
data	可选。定义传入供function处理的数据。
function	定义click事件触发时运行的函数。

コード例:

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

<頭>





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

ダブルクリックしてクリック イベントをトリガーします

クリックトリガーイベント

上記のコードは、p 要素がダブルクリックされるか、ボタンがクリックされると、div に新しいテキストを設定します。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。