ホームページ >ウェブフロントエンド >jsチュートリアル >$('').click と onclick_jquery の違いの紹介例
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」です。