ホームページ >ウェブフロントエンド >jsチュートリアル >$('').click と onclick_jquery の違いの紹介例

$('').click と onclick_jquery の違いの紹介例

WBOY
WBOYオリジナル
2016-05-16 16:35:181487ブラウズ

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("*****");
});

click メソッド内の関数コードは、onclick イベントの実行後に実行されます。このとき、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」です。

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