Exemple de la différence entre $('').click et onclick_jquery

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

Différence :

1.onclick est un événement de liaison qui indique au navigateur quoi faire lorsque la souris clique

Click lui-même est une méthode qui déclenche l'événement onclick. Tant que la méthode click() de l'élément est exécutée, l'événement onclick sera déclenché. Comme indiqué dans le code d'appel, lorsque vous cliquez sur le bouton « ee », l'événement onclick de « dd » sera déclenché (normalement, vous devez appuyer sur le bouton « dd » pour déclencher l'événement onclick de « dd »). la raison est que

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

Lorsque le bouton 'ee' est cliqué, la méthode click() de 'dd' est appelée en interne dans le code, déclenchant ainsi l'événement onclick de 'dd'.

2. La fonction principale de la méthode click() est de déclencher l'événement onclick de l'élément qui appelle la méthode click. De plus, si le code suivant est défini dans la méthode click

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

Le code de fonction dans la méthode click sera exécuté après l'exécution de l'événement onclick. À ce stade, la méthode click joue le rôle d'ajout d'événements. Les exemples sont les suivants

Code HTML

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

L'ordre des fenêtres contextuelles est d'abord « bb », puis « aa ».