.click()
返回: jQuery
.click( handler )
描述：把某个事件处理函数绑定到JavaScript事件“click”上，或者在某个元素上触发该事件。
加入于: 1.0
.click( handler )加入于: 1.4.3
.click( [eventData ], handler )- eventData类型：Anything一个对象，它包含了要传递给该事件处理函数的数据。
- handler一个函数，在每次事件被触发时执行它。
加入于: 1.0
.click()该签名不接受任何参数。
在前两种变体中，该方法是.on( "click", handler )的简写，在第三种变体中，是.trigger( "click" )的简写。当鼠标指针在一个元素上、鼠标键按下并释放时，该click事件被发送到该元素。任何HTML都可以接收该事件。举个例子，设想以下HTML：
<div id="target"> Click here </div> <div id="other"> Trigger the handler </div>
该事件处理函数可以绑定到任何<div>上：
$( "#target" ).click(function() {
alert( "Handler for .click() called." );
});
现在如果我们在元素上点击，将显示这么一条提醒：
Handler for .click() called.我们还可以在另一个元素被点击时触发该事件：
$( "#other" ).click(function() {
$( "#target" ).click();
});
在代码执行后，点击“Trigger the handler”也会跳出提醒消息。
该click事件只有这么一系列事件发生之后才会触发：
- 指针在元素内部的时候，鼠标键按下。
- 鼠标键释放的时候，指针还在元素内部。
这通常是所需的系列前的一个动作。如果这不是必不可少的，mousedown或者mouseup事件可能更适合。
其它说明
- 因为
.click()方法是.on("click", handler)的简写，所以可以使用.off("click");来分离它。
示例
在点击网页上的段落文本时隐藏该段落文本：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>click demo</title>
<style>
p {
color: red;
margin: 5px;
cursor: pointer;
}
p:hover {
background: yellow;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>
<script>
$( "p" ).click(function() {
$( this ).slideUp();
});
</script>
</body>
</html>
演示结果
在网页上的所有的段落文本文件上触发器单击事件：
$( "p" ).click();