DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery click([data],fn)使用方法實例介紹
jquery click([data],fn)使用方法實例介紹
編輯:JavaScript綜合知識     
大概意思就是觸發每一個匹配元素的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" 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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved