Jquery為DIV添加click事件的簡單實例

更新時間：2016年06月02日 10:37:38 投稿：jingxian

下面小編就為大家?guī)硪黄狫query為DIV添加click事件的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

今天在做一個抽獎活動時小編要做一個抽獎沒有中獎之后直接彈出一個提示，然后再給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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

jQuery+css3實現(xiàn)Ajax點擊后動態(tài)刪除功能的方法
這篇文章主要介紹了jQuery+css3實現(xiàn)Ajax點擊后動態(tài)刪除功能的方法,可實現(xiàn)點擊選區(qū)后出現(xiàn)選區(qū)收縮、滾動消失的效果,涉及jquery結合Ajax與數(shù)學運算實時操作頁面元素的相關技巧,需要的朋友可以參考下
2015-08-08
利用jQuery實現(xiàn)WordPress中@的ID懸浮顯示評論內(nèi)容
這篇文章主要介紹了使用JavaScript實現(xiàn)WordPress中ID懸浮顯示評論的功能,就是在樓中樓式的評論中顯示被評論的主體內(nèi)容,需要的朋友可以參考下
2015-12-12
passwordStrength 基于jquery的密碼強度檢測代碼使用介紹
我們設定密碼強度等級為10，制作一張圖片表示每個等級狀態(tài)，給密碼框綁定keyup事件，通過keyup事件獲取密碼值，然后使用正則進行判斷密碼強度等級，然后變換相應的圖片
2011-10-10
jquery和雅虎的yql服務實現(xiàn)天氣預報服務示例
本文介紹一個利用Jquery和雅虎的YQL服務實現(xiàn)天氣預報功能,需要的朋友可以參考下
2014-02-02
jQuery插件HighCharts實現(xiàn)的2D回歸直線散點效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實現(xiàn)的2D回歸直線散點效果,結合實例形式分析了jQuery基于HighCharts插件繪制直線散點圖形的具體相關操作步驟與實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
jQuery遍歷頁面所有CheckBox查看是否被選中的方法
這篇文章主要介紹了jQuery遍歷頁面所有CheckBox查看是否被選中的方法,涉及jQuery鏈式操作及針對CheckBox的操作技巧,非常具有實用價值,需要的朋友可以參考下
2015-04-04
實例解析jQuery中如何取消后續(xù)執(zhí)行內(nèi)容
本文主要介紹了jQuery中取消后續(xù)執(zhí)行內(nèi)容的實例，代碼通俗易懂。需要的朋友來看下吧
2016-12-12
使用jquery模擬a標簽的click事件無法實現(xiàn)跳轉(zhuǎn)的解決
這篇文章主要給大家介紹了關于使用jquery模擬a標簽的click事件無法實現(xiàn)跳轉(zhuǎn)的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2018-12-12
jquery實現(xiàn)背景墻聚光燈效果示例分享
這篇文章主要介紹了jquery實現(xiàn)背景墻聚光燈效果示例,需要的朋友可以參考下
2014-03-03
40個有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之三
在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片，并且用戶可以點擊左右按鈕來切換圖片。
2012-01-01