Beispiel für den Unterschied zwischen $("").click und onclick_jquery

Html-Code

<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>

Unterschied:

1.onclick ist ein Bindungsereignis, das dem Browser mitteilt, was zu tun ist, wenn die Maus klickt

Click selbst ist eine Methode, die das onclick-Ereignis auslöst. Solange die click()-Methode des Elements ausgeführt wird, wird das onclick-Ereignis ausgelöst. Wie im Einspruchscode gezeigt, wird beim Klicken auf die Schaltfläche „ee“ das Onclick-Ereignis von „dd“ ausgelöst (normalerweise müssen Sie die Schaltfläche „dd“ drücken, um das Onclick-Ereignis von „dd“ auszulösen). Grund ist, weil

$("#btn4").click(function(){
$("#btn3").click();
});

Wenn auf die Schaltfläche „ee“ geklickt wird, wird die click()-Methode von „dd“ intern im Code aufgerufen und löst so das onclick-Ereignis von „dd“ aus.

2. Die Hauptfunktion der click()-Methode besteht darin, das onclick-Ereignis des Elements auszulösen, das die click-Methode aufruft. Wenn außerdem der folgende Code in der Klickmethode

definiert ist

$("#btn3").click(function(){
alert("*****");
});

Der Funktionscode in der Click-Methode wird ausgeführt, nachdem das Onclick-Ereignis ausgeführt wurde. Zu diesem Zeitpunkt spielt die Click-Methode die Rolle des Anhängens von Ereignissen. Beispiele sind wie folgt

Html-Code

<script type="text/javascript"> 
$(function(){ 
$("#btn3").click(function(){ 
alert("aa"); 
}); 
}); 
function change(){ 
alert("bb"); 
} 
</script> 
<button id="btn3" onclick="change()">dd</button>

Die Popup-Reihenfolge der Popup-Boxen ist zuerst „bb“, dann „aa“.