Jquery为DIV添加click事件的例子

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);
});

效果一样的

时间: 2024-09-19 18:12:50

Jquery为DIV添加click事件的例子的相关文章

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

今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法. html <a href="javascript:void(0);" id="click_ms" > <img src="img/bbg_08.jpg" border="0" > </a> jquery事件 $('#click_ms').click(function

extjs 中 给组件添加click 事件是怎么关联到dom事件的?

问题描述 var element = Ext.get('domid');var component = Ext.getCmp('domid') 各添加一个click事件element.on('click',function(){});component.on('click',function(){});  extjs源码中显示这两种添加事件方式是不同的.给element上添加事件会最终把事件绑定到dom元素上(最终是调用addEventListener or attachEvent)但是comp

jQuery取消特定的click事件_jquery

本文实例讲述了jQuery取消特定的click事件实现方法.分享给大家供大家参考,具体如下: 众所周知, jQuery可以多次绑定同一种事件, 而且绑定的每个事件都可以执行. 问题来了, 在动态生成的DOM中, 我们为某一元素绑定了两种不同的click(假设为A.B), append元素时, 所有元素又绑定一次B, -- 这样会导致最后点击时B事件会成倍往上翻. 幸运的是,jQuery 为我们提供了很优雅的方式, 来取消特定命名空间下的click. <!DOCTYPE html PUBLIC &qu

jquery下div 的resize事件示例代码

 这篇文章主要介绍了某位大神写的jquery下div 的resize事件,需要的朋友可以参考下 这是某位大神写的jquery下div 的resize事件.   代码如下: //resize of div  (function($, h, c) {  var a = $([]),  e = $.resize = $.extend($.resize, {}),  i,  k = "setTimeout",  j = "resize",  d = j + "-s

jquery下div 的resize事件示例代码_jquery

这是某位大神写的jquery下div 的resize事件. 复制代码 代码如下: //resize of div (function($, h, c) { var a = $([]), e = $.resize = $.extend($.resize, {}), i, k = "setTimeout", j = "resize", d = j + "-special-event", b = "delay", f = "

JQuery 给元素绑定click事件多次执行的解决方法_jquery

原绑定方法: $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法: 解决办法更改绑定方法为: $("#sdfsd").unbind("click").click(function(e){ ***** }); 在绑定新click方法前对元素所绑定的click方法解绑 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有

后台生成的button怎么添加click事件

问题描述 btn[1].Click+=newEventHandler(btnClick);privatevoidbtnClick(objectsender,RoutedEventHandlere){ } 我查了很多,但是都报错 解决方案 解决方案二:btnClick(objectsender,RoutedEventHandlere)事件入参有问题...把RoutedEventHandlere改成EventArgse试试...解决方案三:引用1楼u012804018的回复: btnClick(ob

jQuery设置div css样式的简单例子

看下面片段:  代码如下 复制代码   $(function(){     $("div:not(:first)").css("color", "red");     $("div").not(":first").css("color", "red");     $("div:first").nextAll().css("color&qu

JQuery给元素绑定click事件多次执行的解决方法_jquery

原绑定方法: 复制代码 代码如下: $("#sdfsd").on("mouseout",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法: 解决办法更改绑定方法为: 复制代码 代码如下: $("#sdfsd").unbind("click").click(function(e){ ***** }); 在绑定新click方法前对元素所绑定的click方法解绑