.click()
.click( handler(eventObject) ) 返回: jQuery
描述: 為 "click" 事件綁定一個(gè)處理函數(shù),或者觸發(fā)元素上的 "click" 事件。
-
version added: 1.0.click( handler(eventObject) )
handler(eventObject)每次事件觸發(fā)時(shí)會(huì)執(zhí)行的函數(shù)。
-
version added: 1.4.3.click( [ eventData ], handler(eventObject) )
eventData將要傳遞給事件處理函數(shù)的數(shù)據(jù)映射。
handler(eventObject)每次事件觸發(fā)時(shí)會(huì)執(zhí)行的函數(shù)。
version added: 1.0.click()
這個(gè)函數(shù)的第一種用法是 .bind('click', handler) 的快捷方式,第二種用法是 .bind('click') 的快捷方式。
一個(gè)元素被點(diǎn)擊時(shí)候?qū)⒂|發(fā) click 事件。任何HTML元素都可以收到此事件。
舉例來說,請看下面的HTML:
<div id="target"> Click here </div> <div id="other"> Trigger the handler </div>

這個(gè)事件處理器可以綁定到任何 現(xiàn)在,如果我們點(diǎn)擊這個(gè)元素,警報(bào)顯示: Handler for .click() called. 當(dāng)不同的元素被點(diǎn)擊時(shí)我們也可以觸發(fā)這個(gè)事件: 這些代碼執(zhí)行后,點(diǎn)擊Trigger the handler同樣警報(bào)顯示。 這通常要求的順序,然后才采取行動(dòng)。如果這謝不被滿足,$('#target').click(function() {
alert('Handler for .click() called.');
});
$('#other').click(function() {
$('#target').click();
});
click事件觸發(fā)需要以下幾點(diǎn):
mousedown 或 mouseup事件可能更加合適。例子:
舉例: 點(diǎn)擊段落時(shí)隱藏他們:
<!DOCTYPE html>
<html>
<head>
<style>
p { color:red; margin:5px; cursor:pointer; }
p.hilite { background:yellow; }
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<p>First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>
<script>
$("p").click(function () {
$(this).slideUp();
});
$("p").hover(function () {
$(this).addClass("hilite");
}, function () {
$(this).removeClass("hilite");
});
</script>
</body>
</html>Demo:
Example: 在頁面上所有段落上觸發(fā)click事件。
$("p").click();