Jquery為DIV添加click事件的簡單實例
來源:易賢網(wǎng) 閱讀:1458 次 日期:2016-06-17 11:30:57
溫馨提示:易賢網(wǎng)小編為您整理了“Jquery為DIV添加click事件的簡單實例”,方便廣大網(wǎng)友查閱!

今天在做一個抽獎活動時小編要做一個抽獎沒有中獎之后直接彈出一個提示,然后再給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>

這樣就達到位們的目的了,當然還有這種做法

$('div').click(function () {

alert(this.innerText);

});

效果一樣的。

以上這篇Jquery為DIV添加click事件的簡單實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡編程
易賢網(wǎng)手機網(wǎng)站地址:Jquery為DIV添加click事件的簡單實例
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)