JQuery入門——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
1、bind()功能是為每個(gè)選擇元素的事件綁定處理函數(shù),其語(yǔ)法如下:bind(type, [data], fn)
其中type為一個(gè)或多個(gè)類型的字符串,如click或change,也可以自定義;可以被type調(diào)用的類型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。參數(shù)data是作為event.data屬性值傳遞對(duì)象的額外數(shù)據(jù)對(duì)象。參數(shù)fn是綁定到每個(gè)選擇元素的事件中的處理函數(shù)。
2、示例代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bind方法綁定事件</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
var intI=0;
$("#btnBind").bind("click ",function(){
intI++;
$(".clsShow").show().html("您好,歡迎來(lái)到JQuery世界!").append("<div>執(zhí)行次數(shù)"+intI+"</div>");
$(this).attr("disabled","disabled");//按鈕不可用
})
})
</script>
</head>
<body>
<input id="btnBind" type="button" value="Button" class="btn"/>
<div class="clsShow"></div>
</body>
</html>
3、效果圖預(yù)覽:
再點(diǎn)擊則無(wú)反應(yīng)
- JQuery中綁定事件(bind())和移除事件(unbind())
- jQuery中的bind綁定事件與文本框改變事件的臨時(shí)解決方法
- jQuery中對(duì)未來(lái)的元素綁定事件用bind、live or on
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- 解析jQuery的三種bind/One/Live事件綁定使用方法
- jquery bind(click)傳參讓列表中每行綁定一個(gè)事件
- jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法實(shí)例詳解
- JQuery入門——移除綁定事件unbind方法概述及應(yīng)用
- jQuery中bind(),live(),delegate(),on()綁定事件方法實(shí)例詳解
- jQuery中的on與bind綁定事件區(qū)別實(shí)例詳解
- jQuery中綁定事件bind() on() live() one()的異同
- jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法
相關(guān)文章
jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法
這篇文章主要介紹了jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法,涉及jQuery操作頁(yè)面元素與鼠標(biāo)事件的技巧,需要的朋友可以參考下2015-06-06Visual Studio中的jQuery智能提示設(shè)置方法
Visual Studio中的jQuery智能提示設(shè)置方法,喜歡用vs2008開發(fā)的朋友可以參考下。2010-03-03jQuery UI 實(shí)現(xiàn)email輸入提示實(shí)例
本文為大家介紹下使用jQuery UI 實(shí)現(xiàn)email輸入提示,具體思路如下,感興趣的朋友可以參考下2013-08-08jquery實(shí)現(xiàn)表單輸入時(shí)提示文字滑動(dòng)向上效果
這篇文章主要介紹了jquery實(shí)現(xiàn)表單輸入時(shí)提示文字滑動(dòng)向上效果,涉及jquery鼠標(biāo)事件響應(yīng)及頁(yè)面元素樣式的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jquery計(jì)算鼠標(biāo)和指定元素之間距離的方法
這篇文章主要介紹了jquery計(jì)算鼠標(biāo)和指定元素之間距離的方法,涉及jQuery針對(duì)頁(yè)面位置屬性與鼠標(biāo)事件的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06jQuery/JS監(jiān)聽input輸入框值變化實(shí)例
在本篇文章里小編給大家整理的是一篇關(guān)于jQuery/JS監(jiān)聽input輸入框值變化實(shí)例內(nèi)容,需要的朋友們學(xué)習(xí)下。2019-10-10