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

