夏日博客

A-A+

Jquery为DIV添加click事件的例子

2016年01月11日 前端设计 暂无评论 阅读 5 views 次

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

html

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

jquery事件

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

看到上面有核心的一句

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

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

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

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

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

效果一样的

标签：

给我留言