jQuery : explication détaillée de la différence entre .click et onclick

onclick est lié à l'événement 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é, il y a Par exemple, vous pouvez jeter un oeil au

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érences :

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

click lui-même est une méthode dont la fonction est de déclencher 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 le bouton 'ee' est cliqué, 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 lorsque

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

clique sur le bouton 'ee', le code appelle en interne la méthode click() de 'dd', 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 de. événements ajoutés. L'exemple est le suivant

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 pop-up des boîtes pop-up est d'abord 'bb', puis 'aa'.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!