JQuery入門——用映射方式綁定不同事件應(yīng)用示例
更新時間:2013年02月05日 16:09:31 作者:
通過映射的方式,給對象綁定多個事件,可能有很多的童鞋們不從使用過,不過,沒有關(guān)系本文將一一為您詳細介紹,感興趣的朋友可不要錯過了啊,希望本文對你有所幫助
1、通過映射的方式,給對象綁定多個事件。
2、示例代碼:
復(fù)制代碼 代碼如下:
<!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ù)覽:
將光標置于文本框中點擊顯示效果如下:
在文本框中輸入內(nèi)容然后將光標單擊其他空白頁面效果如下:
您可能感興趣的文章:
相關(guān)文章
jQuery的cookie插件實現(xiàn)保存用戶登陸信息
保存用戶登陸信息的方法有很多,本文為大家介紹的這個方法是通過cookie插件來實現(xiàn),需要的朋友可以參考下2014-04-04jQuery中noconflict函數(shù)的實現(xiàn)原理分解
這篇文章主要介紹了jQuery中noconflict函數(shù)的實現(xiàn)原理分解,noconflict是用來防止變量沖突的,本文就分解了它的實現(xiàn)原理,并分析了它的實現(xiàn)源碼,需要的朋友可以參考下2015-02-02基于jquery ui的alert,confirm方案(支持換膚)
這篇文章主要介紹了基于jquery ui的alert,confirm方案(支持換膚),修改自網(wǎng)友的源碼,有需要的小伙伴參考下。2015-04-04基于jquery的自定義鼠標提示效果 jquery.toolTip
看到其它網(wǎng)站A標簽title效果,心里癢癢,就想也用到自己網(wǎng)站上。 正好在學(xué)jquery 插件擴展,就參照前輩代碼,自己動手寫了一個2010-11-11jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
這篇文章主要是對jQuery獲取Radio,CheckBox選擇的Value值進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12jquery1.5.1中根據(jù)元素ID獲取元素對象的代碼
盡管聽說jquery的大名幾年了,但是一直沒有使用過。這兩天想在項目中使用被一些小細節(jié)折騰的夠嗆,看來jquery沒有傳說中的那么好學(xué)。2011-04-04jquery focus(fn),blur(fn)方法實例代碼
jquery focus(fn),blur(fn)方法實例代碼,需要的朋友可以參考下。2011-12-12