Jquery为DIV添加click事件的简单实例

Jquery为DIV添加click事件的简单实例

投稿：jingxian 字体：[增加 减小] 类型：转载 时间：2016-06-02 我要评论

下面小编就为大家带来一篇Jquery为DIV添加click事件的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示，然后再给div添加一个事件了，下面我们来看这个例子的做法。

html

?

1 2 3

<a href= "javascript:void(0);" id= "click_ms" > <img src= "img/bbg_08.jpg" border= "0" > </a>

jquery事件

?

1 2 3 4 5 6 7 8 9 10 11 12 13

$( '#click_ms' ).click( function (){   //alert(1);   $.post( "ajax.php" , { "time" :<?=$starttime?>}, function (data) {   if ( data == 1 ) {      tusi( '恭喜你获得电影票1张！' );      } else if ( data == 2 ) {    tusi( '抱歉您没有抽中，请明天再来试试!' );     }       });   })

看到上面有核心的一句

?

1	$( "#click_ms" ).live( "click" , function (){tusi( '抱歉您没有抽中，请明天再来试试!' ); return false ;});

这一句就是告诉给#click_ms绑定一个点击事件，然后点击之后直接弹出提示，然后再返回return false这样就不会有下面的事件了，其实生成的html如下

?

1 2 3

<a href= "javascript:void(0);" id= "click_ms" onclick= "tusi('抱歉您没有抽中，请明天再来试试!');return false;" > <img src= "img/bbg_08.jpg" border= "0" > </a>

这样就达到位们的目的了,当然还有这种做法

?

1 2 3

$( 'div' ).click( function () { alert( this .innerText); });

效果一样的。

以上这篇Jquery为DIV添加click事件的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。