jquery click([data],fn)使用方法實例介紹
更新時間:2013年07月08日 17:32:10 作者:
大概意思就是觸發(fā)每一個匹配元素的click事件,本文通過一個實例為大家詳細介紹下jquery click([data],fn)的使用方法,感興趣的朋友可以參考下哈,希望對大家有所幫助
click([[data],fn])
返回值:jQuery
概述
觸發(fā)每一個匹配元素的click事件。
這個函數(shù)會調(diào)用執(zhí)行綁定到click事件的所有函數(shù)。
參數(shù)
fnFunctionV1.0
在每一個匹配元素的click事件中綁定的處理函數(shù)。
[data],fnString,FunctionV1.4.3
data:click([Data], fn) 可傳入data供函數(shù)fn處理。
fn:在每一個匹配元素的click事件中綁定的處理函數(shù)。
示例
描述:
觸發(fā)頁面內(nèi)所有段落的點擊事件
jQuery 代碼:
$("p").click();描述:
將頁面內(nèi)所有段落點擊后隱藏。
jQuery 代碼:
$("p").click( function () { $(this).hide(); });以上為JQuery參考手冊中的內(nèi)容,查閱了很多相關參考資料,但都沒有對[data]參數(shù)詳細說明
參數(shù)data是作為event.data屬性值傳遞給事件對象額外的數(shù)據(jù)對象
參數(shù)fn是綁定到每個選擇元素的事件中的處理函數(shù)
<!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]參數(shù)使用說明
</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函數(shù)";
$(".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>
返回值:jQuery
概述
觸發(fā)每一個匹配元素的click事件。
這個函數(shù)會調(diào)用執(zhí)行綁定到click事件的所有函數(shù)。
參數(shù)
fnFunctionV1.0
在每一個匹配元素的click事件中綁定的處理函數(shù)。
[data],fnString,FunctionV1.4.3
data:click([Data], fn) 可傳入data供函數(shù)fn處理。
fn:在每一個匹配元素的click事件中綁定的處理函數(shù)。
示例
描述:
觸發(fā)頁面內(nèi)所有段落的點擊事件
jQuery 代碼:
$("p").click();描述:
將頁面內(nèi)所有段落點擊后隱藏。
jQuery 代碼:
$("p").click( function () { $(this).hide(); });以上為JQuery參考手冊中的內(nèi)容,查閱了很多相關參考資料,但都沒有對[data]參數(shù)詳細說明
參數(shù)data是作為event.data屬性值傳遞給事件對象額外的數(shù)據(jù)對象
參數(shù)fn是綁定到每個選擇元素的事件中的處理函數(shù)
復制代碼 代碼如下:
<!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]參數(shù)使用說明
</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函數(shù)";
$(".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>
相關文章
jquery實現(xiàn)效果比較好的table選中行顏色
這篇文章主要介紹了jquery table選中行顏色實現(xiàn)代碼,需要的朋友可以參考下2014-03-03jQuery EasyUI Accordion可伸縮面板組件使用詳解
這篇文章主要為大家詳細介紹了jQuery EasyUI Accordion可伸縮面板組件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字
這篇文章主要介紹了jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字的相關資料,非常具有參考借鑒價值,需要的朋友可以參考下2016-05-05