手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Jquery为DIV添加click事件的简单实例
Jquery为DIV添加click事件的简单实例
摘要:今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法。htmljqu...

今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给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" > <img src="img/bbg_08.jpg" border="0" > </a>

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

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

效果一样的。

以上这篇Jquery为DIV添加click事件的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【Jquery为DIV添加click事件的简单实例】相关文章:

Jquery动态添加输入框的方法

jquery合并表格中相同文本的相邻单元格

JQuery中attr方法和removeAttr方法用法实例

JavaScript中exec函数用法实例分析

JQuery中DOM实现事件移除的方法

jquery任意位置浮动固定层插件用法实例

JavaScript使用addEventListener添加事件监听用法实例

AspNet中使用JQuery boxy插件的确认框

JavaScript事件委托实例分析

jquery中添加属性和删除属性

精品推荐
分类导航