ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery:.clickとonclickの違いの詳しい説明

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

黄舟
黄舟オリジナル
2017-06-27 10:01:381506ブラウズ

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 サイトの他の関連記事を参照してください。

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