ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery:.clickとonclickの違いの詳しい説明

jQuery:.clickとonclickの違いの詳しい説明

黄舟
リリース: 2017-06-27 10:01:38
オリジナル
1571 人が閲覧しました

onclickはバインディングイベントです。Click自体は、要素のclick()メソッドが実行される限り、その機能を持つメソッドです。

HTML コードを見てください

<script type="text/javascript"> 
$(function(){ 
$("#btn4").click(function(){ 
$("#btn3").click(); 
}); 
}); 
function change(){ 
alert("onclick"); 
} 
</script> 

<button id="btn3" onclick="change()">dd</button> 
<button id="btn4">ee</button>
ログイン後にコピー

違い:

1.onclick は、マウスがクリックされたときにブラウザに何を行うかを指示するバインディング イベントです。

click 自体は、onclick イベントをトリガーする機能を持つメソッドです。要素の click() メソッドが実行されている限り、onclick イベントがトリガーされます。アピールコードに示されているように、「ee」

ボタンがクリックされると、「dd」のonclickイベントがトリガーされます(通常、「dd」のonclickイベントは「dd」ボタンを押すことによってトリガーされる必要があります)。その理由は、

$("#btn4").click(function(){
$("#btn3").click();
});
ログイン後にコピー

「ee」ボタンがクリックされると、「dd」の click() メソッドがコード内で内部的に呼び出され、「dd」の onclick イベントがトリガーされるためです。

2. click() メソッドの主な機能は、click メソッドを呼び出す要素の onclick イベントをトリガーすることです。また、clickメソッドに以下のコードを定義した場合

$("#btn3").click(function(){
alert("*****");
});
ログイン後にコピー

onclickイベントの実行後にclickメソッド内の関数コードが実行されます。このとき、clickメソッドはイベントを追加する役割を果たします。例は以下の通りです

HTMLコード

<script type="text/javascript"> 
$(function(){ 
$("#btn3").click(function(){ 
alert("aa"); 
}); 
}); 
function change(){ 
alert("bb"); 
} 
</script> 
<button id="btn3" onclick="change()">dd</button>
ログイン後にコピー

ポップアップボックスのポップアップ順序は、最初に'bb'、次に'aa'です

以上がjQuery:.clickとonclickの違いの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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