jquery click([data],fn)使用方法實例介紹

2024-05-06 15:48:47

字體：大中小

來源：轉載

供稿：網友

大概意思就是觸發每一個匹配元素的click事件，本文通過一個實例為大家詳細介紹下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" />
<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></div>
<div></div>
</body>
</html>