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)容，查閱了很多相關(guān)參考資料，但都沒有對[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);});//設(shè)置文本
});
</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)容，查閱了很多相關(guān)參考資料，但都沒有對[data]參數(shù)詳細說明
參數(shù)data是作為event.data屬性值傳遞給事件對象額外的數(shù)據(jù)對象
參數(shù)fn是綁定到每個選擇元素的事件中的處理函數(shù)
復(fù)制代碼 代碼如下:
<!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);});//設(shè)置文本
});
</script>
</head>
<body>
<input class="txt"></div>
<div id="idTip"></div>
</body>
</html>
相關(guān)文章
本文主要介紹了用jQuery模擬淘寶購物車功能的實例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)放大鏡案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
jQuery EasyUI tree 使用拖拽時遇到的錯誤小結(jié)
在我使用tree拖拽時總是失敗，控制臺輸出了很多錯誤。經(jīng)過問題跟蹤分析最終找到的錯誤原因，下面小編給大家分享下，感興趣的朋友參考下2016-10-10
jQuery允許您創(chuàng)造時尚而又用戶體驗友好的網(wǎng)站，不僅看起來悅目，而且他輕量級的大小負荷使網(wǎng)站響應(yīng)相當(dāng)迅速。這是jQuery在Web開發(fā)領(lǐng)域如此受重視的原因2012-04-04
jQuery遮罩層實現(xiàn)方法實例詳解(附遮罩層插件)
這篇文章主要介紹了jQuery遮罩層實現(xiàn)方法,結(jié)合實例形式較為詳細的分析了jQuery遮罩層樣式及功能實現(xiàn)技巧,并附帶分析了一個簡單jQuery遮罩層插件實現(xiàn)方法,需要的朋友可以參考下2015-12-12
jQuery二級聯(lián)動插件：jQuery.selected 一個頁面可以引用多個聯(lián)動效果2012-03-03
PHP結(jié)合jQuery實現(xiàn)紅藍投票功能特效
本文給大家分享的是jQuery + PHP+mysql完成的投票程序，功能不是太復(fù)雜，主要是效果非常不錯，有需要的小伙伴可以參考下2015-07-07
jQuery實現(xiàn)DIV響應(yīng)鼠標(biāo)滑過由下向上展開效果示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)DIV響應(yīng)鼠標(biāo)滑過由下向上展開效果,涉及jQuery基于事件響應(yīng)結(jié)合stop與animate方法控制頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
jQuery 點擊圖片跳轉(zhuǎn)上一張或下一張功能的實現(xiàn)代碼
jQuery獲取當(dāng)前鼠標(biāo)相對位置坐標(biāo)和點擊圖片跳轉(zhuǎn)上一張或下一張功能2010-03-03
jQuery刪除節(jié)點的三個方法即remove()detach()和empty()
jQuery提供了三種刪除節(jié)點的方法，即remove()，detach()和empty()，下面為大家詳細介紹下jQuery刪除節(jié)點三個方法的具體使用2013-12-12