Jquery為DIV添加click事件的簡單實例
來源:易賢網(wǎng) 閱讀:1165 次 日期: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)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:Jquery為DIV添加click事件的簡單實例

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)