jquery click([data],fn)使用方法詳解
阿新 • • 發佈：2019-02-02
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>