JQuery入門(mén)——用映射方式綁定不同事件應(yīng)用示例
1、通過(guò)映射的方式,給對(duì)象綁定多個(gè)事件。
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>映射方式綁定不同事件</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$(".txt").bind({focus:function(){
$("#divTip").show().html("執(zhí)行的是focus事件");
},
change:function(){
$("#divTip").show().html("執(zhí)行的是change事件");
}
})
})
</script>
</head>
<body>
<div>姓名:<input type="text" class="txt"/></div>
<div id="divTip" class="clsTip"></div>
</body>
</html>
3、效果圖預(yù)覽:
將光標(biāo)置于文本框中點(diǎn)擊顯示效果如下:
在文本框中輸入內(nèi)容然后將光標(biāo)單擊其他空白頁(yè)面效果如下:
- JQuery入門(mén)——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
- JQuery入門(mén)——事件切換之hover()方法應(yīng)用介紹
- JQuery入門(mén)——事件切換之toggle()方法應(yīng)用介紹
- JQuery入門(mén)——移除綁定事件unbind方法概述及應(yīng)用
- JQuery入門(mén)——用one()方法綁定事件處理函數(shù)(僅觸發(fā)一次)
- jquery入門(mén)—選擇器實(shí)現(xiàn)隔行變色實(shí)例代碼
- JQuery入門(mén)—編寫(xiě)一個(gè)簡(jiǎn)單的JQuery應(yīng)用案例
- JQuery入門(mén)—JQuery程序的代碼風(fēng)格詳細(xì)介紹
- jquery入門(mén)必備的基本認(rèn)識(shí)及實(shí)例(整理)
相關(guān)文章
jQuery的cookie插件實(shí)現(xiàn)保存用戶登陸信息
保存用戶登陸信息的方法有很多,本文為大家介紹的這個(gè)方法是通過(guò)cookie插件來(lái)實(shí)現(xiàn),需要的朋友可以參考下2014-04-04jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解
這篇文章主要介紹了jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解,noconflict是用來(lái)防止變量沖突的,本文就分解了它的實(shí)現(xiàn)原理,并分析了它的實(shí)現(xiàn)源碼,需要的朋友可以參考下2015-02-02基于jquery ui的alert,confirm方案(支持換膚)
這篇文章主要介紹了基于jquery ui的alert,confirm方案(支持換膚),修改自網(wǎng)友的源碼,有需要的小伙伴參考下。2015-04-04基于jquery的自定義鼠標(biāo)提示效果 jquery.toolTip
看到其它網(wǎng)站A標(biāo)簽title效果,心里癢癢,就想也用到自己網(wǎng)站上。 正好在學(xué)jquery 插件擴(kuò)展,就參照前輩代碼,自己動(dòng)手寫(xiě)了一個(gè)2010-11-11jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
這篇文章主要是對(duì)jQuery獲取Radio,CheckBox選擇的Value值進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12基于jquery實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)控件
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)控件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03jquery1.5.1中根據(jù)元素ID獲取元素對(duì)象的代碼
盡管聽(tīng)說(shuō)jquery的大名幾年了,但是一直沒(méi)有使用過(guò)。這兩天想在項(xiàng)目中使用被一些小細(xì)節(jié)折騰的夠嗆,看來(lái)jquery沒(méi)有傳說(shuō)中的那么好學(xué)。2011-04-04JQuery實(shí)現(xiàn)表格中相同單元格合并示例代碼
一定要注意如果從list的開(kāi)始元素循環(huán)下去,remove掉一個(gè)元素后,有些元素就找不到了或者說(shuō)不是要找的那個(gè)元素,感興趣的各位可以研究下哈2013-06-06jquery focus(fn),blur(fn)方法實(shí)例代碼
jquery focus(fn),blur(fn)方法實(shí)例代碼,需要的朋友可以參考下。2011-12-12鋒利的jQuery 要點(diǎn)歸納(一) jQuery選擇器
鋒利的jQuery 要點(diǎn)歸納(一) jQuery選擇器,學(xué)習(xí)jquery的朋友可以參考下。2010-03-03