熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

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

2013-11-15 12:05:01  來源: JSP教程 
大概意思就是觸發每一個匹配元素的click事件本文通過一個實例為大家詳細介紹下jquery click([data]fn)的使用方法感興趣的朋友可以參考下哈希望對大家有所幫助  

  click([[data]fn])
返回值:jQuery
概述
觸發每一個匹配元素的click事件

這個函數會調用執行綁定到click事件的所有函數

參數
fnFunctionV
在每一個匹配元素的click事件中綁定的處理函數

[data]fnStringFunctionV
data:click([Data] fn) 可傳入data供函數fn處理

fn:在每一個匹配元素的click事件中綁定的處理函數

示例
描述:
觸發頁面內所有段落的點擊事件

jQuery 代碼:
$("p")click();描述:
將頁面內所有段落點擊後隱藏

jQuery 代碼:
$("p")click( function () { $(this)hide(); });以上為JQuery參考手冊中的內容查閱了很多相關參考資料但都沒有對[data]參數詳細說明

參數data是作為eventdata屬性值傳遞給事件對象額外的數據對象
參數fn是綁定到每個選擇元素的事件中的處理函數

復制代碼 代碼如下:

  
<!DOCTYPE html>
<html>
<head><meta httpequiv="ContentType" content="text/html;charset=utf" /><meta httpequiv="XUACompatible" content="IE=EmulateIE" /><title>
JQuery [data]參數使用說明
</title><link href="css/maincss" type="text/css" rel="stylesheet" />
<script src="jqueryminjs" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
var message="把該信息傳遞給Fn函數";
$("txt")click({msg:message}function(event){$("#idTip")show()html(eventdatamsg);});//設置文本
});
</script>
</head>
<body>
<input class="txt"></div>
<div id="idTip"></div>
</body>
</html>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20252.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.