萬盛學電腦網 >> 腳本專題 >> javascript >> jquery click([data],fn)使用方法實例介紹
jquery click([data],fn)使用方法實例介紹
click([[data],fn])
返回值:jQuery
概述
觸發每一個匹配元素的click事件。
這個函數會調用執行綁定到click事件的所有函數。
參數
fnFunctionV1.0
在每一個匹配元素的click事件中綁定的處理函數。
[data],fnString,FunctionV1.4.3
data:click([Data], fn) 可傳入data供函數fn處理。
fn:在每一個匹配元素的click事件中綁定的處理函數。
示例
描述:
觸發頁面內所有段落的點擊事件
jQuery 代碼:
$("p").click();描述:
將頁面內所有段落點擊後隱藏。
jQuery 代碼:
$("p").click( function () { $(this).hide(); });以上為JQuery參考手冊中的內容，查閱了很多相關參考資料，但都沒有對[data]參數詳細說明
參數data是作為event.data屬性值傳遞給事件對象額外的數據對象
參數fn是綁定到每個選擇元素的事件中的處理函數
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><title>
JQuery [data]參數使用說明
</title><link href="css/main.css" type="text/css" rel="stylesheet" />
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var message="把該信息傳遞給Fn函數";
$(".txt").click({msg:message},function(event){$("#idTip").show().html(event.data.msg);});//設置文本
});
</script>
</head>
<body>
<input class="txt"></div>
<div id="idTip"></div>
</body>
</html>
