Jquery為DIV添加click事件的簡(jiǎn)單實(shí)例

字號(hào):


    今天在做一個(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" >
    </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" >
    </a>
    這樣就達(dá)到位們的目的了,當(dāng)然還有這種做法
    $('div').click(function () {
    alert(this.innerText);
    });
    效果一樣的。
    以上這篇Jquery為DIV添加click事件的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考