Contoh perbezaan antara $('').click dan onclick_jquery

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

Perbezaan:

1.onclick ialah peristiwa mengikat yang memberitahu penyemak imbas perkara yang perlu dilakukan apabila tetikus mengklik

Klik itu sendiri ialah kaedah yang mencetuskan peristiwa onclick Selagi kaedah klik() elemen dilaksanakan, acara onclick akan dicetuskan. Seperti yang ditunjukkan dalam kod rayuan, apabila butang 'ee' diklik, acara onclick 'dd' akan dicetuskan (biasanya, anda perlu menekan butang 'dd' untuk mencetuskan acara onclick 'dd'). sebabnya adalah kerana

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

Apabila butang 'ee' diklik, kaedah klik() 'dd' dipanggil secara dalaman dalam kod, sekali gus mencetuskan peristiwa onclick 'dd'.

2. Fungsi utama kaedah klik() adalah untuk mencetuskan peristiwa onclick bagi elemen yang memanggil kaedah klik. Selain itu, jika kod berikut ditakrifkan dalam kaedah klik

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

Kod fungsi dalam kaedah klik akan dilaksanakan selepas acara onclick dilaksanakan Pada masa ini, kaedah klik memainkan peranan untuk menambahkan acara. Contohnya seperti berikut

Kod html

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

Tertib timbul bagi kotak timbul ialah 'bb' dahulu, kemudian 'aa'.