脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery div click事件

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

 更新时间：2016年06月02日 10:37:38   投稿：jingxian  
下面小编就为大家带来一篇Jquery为DIV添加click事件的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示，然后再给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事件的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

最新评论