广州鸿名健康科技有限公司


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

网络编程 Jquery为DIV添加click事件的简单实例 06-22

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

Jquery on方法绑定事件后执行多次的实现方法
这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick来实现,后来没有这样做,使用的

jQuery ajax应用总结
一、jQuery中Ajax的调用(需要引用jQuery代码库)。方法1:$.get(url,function(data){//dealwiththedata});方法2:jQuery.post(url,[data],[success(data,textStatus,jqXHR)],[dataType])$.po

jquery.validate使用详解
一、简单应用实例:1.用class样式进行验证,用法简单,但不能自定义错误信息,只能修改jquery-1.4.1.min.js中的内置消息,也不支持高级验证规则。scripttyp


编辑:广州鸿名健康科技有限公司

标签:事件,再来,绑定,方法,您没有