Jquery為DIV添加click事件的簡單實(shí)例
今天在做一個(gè)抽獎(jiǎng)活動時(shí)小編要做一個(gè)抽獎(jiǎng)沒有中獎(jiǎng)之后直接彈出一個(gè)提示,然后再給div添加一個(gè)事件了,下面我們來看這個(gè)例子的做法。
html
<a href="javascript:void(0);" id="click_ms" > <img src="img/bbg_08.jpg" border="0" > </a>
jquery事件
$('#click_ms').click(function(){
//alert(1);
$.post("ajax.php", {"time":<?=$starttime?>}, function(data) {
if ( data == 1 ) {
tusi('恭喜你獲得電影票1張!');
} else if( data == 2 ) {
tusi('抱歉您沒有抽中,請明天再來試試!');
}
});
})
看到上面有核心的一句
$("#click_ms").live("click",function(){tusi('抱歉您沒有抽中,請明天再來試試!');return false;});
這一句就是告訴給#click_ms綁定一個(gè)點(diǎn)擊事件,然后點(diǎn)擊之后直接彈出提示,然后再返回return false這樣就不會有下面的事件了,其實(shí)生成的html如下
<a href="javascript:void(0);" id="click_ms" onclick="tusi('抱歉您沒有抽中,請明天再來試試!');return false;" >
<img src="img/bbg_08.jpg" border="0" >
</a>
這樣就達(dá)到位們的目的了,當(dāng)然還有這種做法
$('div').click(function () {
alert(this.innerText);
});
效果一樣的。
以上這篇Jquery為DIV添加click事件的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- jquery slibings選取同級其他元素的實(shí)現(xiàn)代碼
- jQuery使用siblings獲取某元素所有同輩(兄弟姐妹)元素用法示例
- jQuery 滑動方法slideDown向下滑動元素
- JQuery 給元素綁定click事件多次執(zhí)行的解決方法
- jQuery動態(tài)添加li標(biāo)簽并添加屬性和綁定事件方法
- 輕松實(shí)現(xiàn)jQuery添加刪除按鈕Click事件
- jQuery頁面元素動態(tài)添加后綁定事件丟失方法,非 live
- jQuery為iframe的body添加click事件的實(shí)現(xiàn)代碼
- JQuery實(shí)現(xiàn)ul中添加LI和刪除指定的Li元素功能完整示例
相關(guān)文章
jQuery+css3實(shí)現(xiàn)Ajax點(diǎn)擊后動態(tài)刪除功能的方法
這篇文章主要介紹了jQuery+css3實(shí)現(xiàn)Ajax點(diǎn)擊后動態(tài)刪除功能的方法,可實(shí)現(xiàn)點(diǎn)擊選區(qū)后出現(xiàn)選區(qū)收縮、滾動消失的效果,涉及jquery結(jié)合Ajax與數(shù)學(xué)運(yùn)算實(shí)時(shí)操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-08-08
利用jQuery實(shí)現(xiàn)WordPress中@的ID懸浮顯示評論內(nèi)容
這篇文章主要介紹了使用JavaScript實(shí)現(xiàn)WordPress中ID懸浮顯示評論的功能,就是在樓中樓式的評論中顯示被評論的主體內(nèi)容,需要的朋友可以參考下2015-12-12
passwordStrength 基于jquery的密碼強(qiáng)度檢測代碼使用介紹
我們設(shè)定密碼強(qiáng)度等級為10,制作一張圖片表示每個(gè)等級狀態(tài),給密碼框綁定keyup事件,通過keyup事件獲取密碼值,然后使用正則進(jìn)行判斷密碼強(qiáng)度等級,然后變換相應(yīng)的圖片2011-10-10
jquery和雅虎的yql服務(wù)實(shí)現(xiàn)天氣預(yù)報(bào)服務(wù)示例
本文介紹一個(gè)利用Jquery和雅虎的YQL服務(wù)實(shí)現(xiàn)天氣預(yù)報(bào)功能,需要的朋友可以參考下2014-02-02
jQuery插件HighCharts實(shí)現(xiàn)的2D回歸直線散點(diǎn)效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)的2D回歸直線散點(diǎn)效果,結(jié)合實(shí)例形式分析了jQuery基于HighCharts插件繪制直線散點(diǎn)圖形的具體相關(guān)操作步驟與實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery遍歷頁面所有CheckBox查看是否被選中的方法
這篇文章主要介紹了jQuery遍歷頁面所有CheckBox查看是否被選中的方法,涉及jQuery鏈?zhǔn)讲僮骷搬槍heckBox的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
實(shí)例解析jQuery中如何取消后續(xù)執(zhí)行內(nèi)容
本文主要介紹了jQuery中取消后續(xù)執(zhí)行內(nèi)容的實(shí)例,代碼通俗易懂。需要的朋友來看下吧2016-12-12
使用jquery模擬a標(biāo)簽的click事件無法實(shí)現(xiàn)跳轉(zhuǎn)的解決
這篇文章主要給大家介紹了關(guān)于使用jquery模擬a標(biāo)簽的click事件無法實(shí)現(xiàn)跳轉(zhuǎn)的解決方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
jquery實(shí)現(xiàn)背景墻聚光燈效果示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)背景墻聚光燈效果示例,需要的朋友可以參考下2014-03-03
40個(gè)有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之三
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片,并且用戶可以點(diǎn)擊左右按鈕來切換圖片。2012-01-01

