Jquery為DIV添加click事件的簡單實例
今天在做一個抽獎活動時小編要做一個抽獎沒有中獎之后直接彈出一個提示,然后再給div添加一個事件了,下面我們來看這個例子的做法。
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綁定一個點擊事件,然后點擊之后直接彈出提示,然后再返回return false這樣就不會有下面的事件了,其實生成的html如下
<a href="javascript:void(0);" id="click_ms" onclick="tusi('抱歉您沒有抽中,請明天再來試試!');return false;" > <img src="img/bbg_08.jpg" border="0" > </a>
這樣就達到位們的目的了,當(dāng)然還有這種做法
$('div').click(function () { alert(this.innerText); });
效果一樣的。
以上這篇Jquery為DIV添加click事件的簡單實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- jquery slibings選取同級其他元素的實現(xiàn)代碼
- jQuery使用siblings獲取某元素所有同輩(兄弟姐妹)元素用法示例
- jQuery 滑動方法slideDown向下滑動元素
- JQuery 給元素綁定click事件多次執(zhí)行的解決方法
- jQuery動態(tài)添加li標(biāo)簽并添加屬性和綁定事件方法
- 輕松實現(xiàn)jQuery添加刪除按鈕Click事件
- jQuery頁面元素動態(tài)添加后綁定事件丟失方法,非 live
- jQuery為iframe的body添加click事件的實現(xiàn)代碼
- JQuery實現(xiàn)ul中添加LI和刪除指定的Li元素功能完整示例
相關(guān)文章
jquery ajax 局部無刷新更新數(shù)據(jù)的實現(xiàn)案例
這篇文章主要對jquery ajax 局部無刷新更新數(shù)據(jù)的實現(xiàn)案例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02setInterval,setTimeout與jquery混用的問題
當(dāng)遇到setInterval,setTimeout與jquery混用的問題 時,直接按JavaScript中的語法寫并不起作用,有以下兩種解決方法2013-04-04解決jquery appaend元素中id綁定事件失效的問題
下面小編就為大家?guī)硪黄鉀Qjquery appaend元素中id綁定事件失效的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09