實(shí)例
當(dāng)點(diǎn)擊按鈕時(shí)，隱藏或顯示元素：

$("button").click(function(){
  $("p").slideToggle();
});

定義和用法
當(dāng)點(diǎn)擊元素時(shí)，會(huì)發(fā)生 click 事件。
當(dāng)鼠標(biāo)指針停留在元素上方，然后按下并松開(kāi)鼠標(biāo)左鍵時(shí)，就會(huì)發(fā)生一次 click。
click() 方法觸發(fā) click 事件，或規(guī)定當(dāng)發(fā)生 click 事件時(shí)運(yùn)行的函數(shù)。
觸發(fā) click 事件
語(yǔ)法

$(selector).click()

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>

區(qū)別：

1.onclick是綁定事件，告訴瀏覽器在鼠標(biāo)點(diǎn)擊時(shí)候要做什么

click本身是方法作用是觸發(fā)onclick事件，只要執(zhí)行了元素的click()方法，就會(huì)觸發(fā)onclick事件。如上訴代碼所示，當(dāng)點(diǎn)擊'ee'按鈕時(shí),會(huì)觸發(fā)'dd'的onclick事件(正常來(lái)說(shuō)得按'dd'按鈕才觸發(fā)'dd'的onclick事件)，原因就是因?yàn)?/p>

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

點(diǎn)擊'ee'按鈕時(shí),代碼內(nèi)部調(diào)用了'dd'的click()方法，從而觸發(fā)了'dd'的onclick事件。

2.click()方法的主要作用是觸發(fā)調(diào)用click方法元素onclick事件。此外，如果在click方法定義了如下代碼

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

click方法中的function代碼會(huì)在onclick事件執(zhí)行完后執(zhí)行，此時(shí)click方法起到追加事件的作用。實(shí)例如下

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

click()和onclick()的區(qū)別總結(jié)如下： 
1.onclick是綁定事件，告訴瀏覽器在鼠標(biāo)點(diǎn)擊時(shí)候要做什么 
click本身是方法作用是觸發(fā)onclick事件，只要執(zhí)行了元素的click()方法，就會(huì)觸發(fā)onclick事件。 
2.click()方法的主要作用是觸發(fā)調(diào)用click方法元素onclick事件,實(shí)際上是模擬了鼠標(biāo)的點(diǎn)擊動(dòng)作。此外，如果在click括號(hào)內(nèi)定義了其他可執(zhí)行語(yǔ)句，則click方法會(huì)在執(zhí)行完onclick事件之后執(zhí)行括號(hào)內(nèi)部的語(yǔ)句。

我們還可以注意到：onclick是事件，而click是方法，兩者是不同的概念。