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


Posted in Javascript onJune 02, 2016

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

Javascript 相关文章推荐
JS 巧妙获取剪贴板数据 Excel数据的粘贴
Jul 09 Javascript
使用Firebug对js进行断点调试的图文方法
Apr 02 Javascript
使用jquery解析XML的方法
Sep 05 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
Oct 27 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
PHP获取当前页面完整URL的方法
Dec 02 Javascript
react实现换肤功能的示例代码
Aug 14 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
js实现简单贪吃蛇游戏
May 15 Javascript
vue引入静态js文件的方法
Jun 20 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 #Javascript
深入理解jQuery之事件移除
Jun 02 #Javascript
深入理解JQuery循环绑定事件
Jun 02 #Javascript
JQuery在循环中绑定事件的问题详解
Jun 02 #Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 #Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
Jun 02 #Javascript
JS从一组数据中找到指定的单条数据的方法
Jun 02 #Javascript
You might like
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
PHP利用DWZ.CN服务生成短网址
2019/08/11 PHP
纯CSS3实现质感细腻丝滑按钮
2021/03/09 HTML / CSS
jquery cookie插件代码类
2009/05/26 Javascript
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
js实现按一下删除键删除整个单词附demo
2014/09/05 Javascript
jQuery插件实现文字无缝向上滚动效果代码
2016/02/25 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
bootstrap输入框组件使用方法详解
2017/01/19 Javascript
Chrome调试折腾记之JS断点调试技巧
2017/09/11 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
2020/11/01 Javascript
[07:20]2014DOTA2西雅图国际邀请赛 选手讲解积分赛第二天
2014/07/11 DOTA
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
使用python获取电脑的磁盘信息方法
2018/11/01 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
Python中如何使用if语句处理列表实例代码
2019/02/24 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
python函数enumerate,operator和Counter使用技巧实例小结
2020/02/22 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
美国在线家具网站:GDFStudio
2021/03/13 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
新年晚会主持词
2014/03/24 职场文书
关于五一放假的通知
2015/08/18 职场文书
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/07 其他游戏