当前位置: 首页 > 编程笔记 >

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

施晗昱
2023-03-14
本文向大家介绍Jquery为DIV添加click事件的简单实例,包括了Jquery为DIV添加click事件的简单实例的使用技巧和注意事项,需要的朋友参考一下

今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给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添加删除按钮Click事件,包括了轻松实现jQuery添加删除按钮Click事件的使用技巧和注意事项,需要的朋友参考一下 大家登陆一些网站或论坛时,经常会被要求先浏览和确认“用户协议”。“用户协议”底部通常会设置一个“我已阅读并同意”复选框,勾选了该复选框,“登陆”按钮才可用。 如下图所示,勾选“I have read and accept.”复选框,Login按

  • 本文向大家介绍jquery 多个radio的click事件实例,包括了jquery 多个radio的click事件实例的使用技巧和注意事项,需要的朋友参考一下 如下所示: 以上这篇jquery 多个radio的click事件实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍为jQuery-easyui的tab组件添加右键菜单功能的简单实例,包括了为jQuery-easyui的tab组件添加右键菜单功能的简单实例的使用技巧和注意事项,需要的朋友参考一下 加入了右击TAB选项卡时显示关闭的上下文菜单 具体实现代码: 右键菜单 HTML: 下面是js代码: 以上就是小编为大家带来的为jQuery-easyui的tab组件添加右键菜单功能的简单实例全部内容了,

  • 问题内容: 所以我有这个按钮,它将在表中添加新行,但是我的问题是,在执行append方法之后,它不再侦听click事件。 单击添加新条目,然后单击表单名称。 HTML 问题答案: 使用上: 这样,即使在绑定事件处理程序之后添加了单击,也可以将单击委派给具有class的任何元素。

  • 当被禁用,并且我单击内(例如over Disabiled按钮)时,什么也不会发生。 我是一个尝试编写JavaScript代码的移动开发人员,所以对我要有耐心。 我做错了什么?

  • 本文向大家介绍jquery单选框radio绑定click事件实现方法,包括了jquery单选框radio绑定click事件实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。