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

前端技术 2023/09/05 JavaScript

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

本文地址：https://www.stayed.cn/item/14532

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案