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 单击式的下拉菜单效果实例
Aug 13 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
node.js开机自启动脚本文件
Dec 24 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
javascript实现仿腾讯游戏选择
May 14 Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
基于vue实现分页效果
Nov 06 Javascript
Vue按需加载的具体实现
Dec 02 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
Dec 03 Javascript
vue2 中二级路由高亮问题及配置方法
Jun 10 Javascript
layui清除radio的选中状态实例
Nov 14 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
PHP中执行cmd命令的方法
2014/10/11 PHP
迁移PHP版本到PHP7
2015/02/06 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
javascript jscroll模拟html元素滚动条
2012/12/18 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
javascript事件函数中获得事件源的两种不错方法
2014/03/17 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
js脚本分页代码分享(7种样式)
2015/08/19 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
浅谈Vue.js 1.x 和 2.x 实例的生命周期
2017/07/25 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
node.js中Buffer缓冲器的原理与使用方法分析
2019/11/23 Javascript
vue实现滚动鼠标滚轮切换页面
2020/12/13 Vue.js
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
python列表list保留顺序去重的实例
2018/12/14 Python
python三引号输出方法
2019/02/27 Python
python简单区块链模拟详解
2019/07/03 Python
css3中新增的样式使用示例附效果图
2014/08/19 HTML / CSS
美国真皮手袋品牌:GiGi New York
2017/03/10 全球购物
送给他或她的礼物:FUN.com
2018/08/17 全球购物
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
机电工程专业应届生求职信
2013/10/03 职场文书
优秀毕业生自荐信范文
2014/01/01 职场文书
激励员工的口号
2014/06/16 职场文书
小学教师个人总结
2015/02/05 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
python第三方网页解析器 lxml 扩展库与 xpath 的使用方法
2021/04/06 Python
用Python进行栅格数据的分区统计和批量提取
2021/05/27 Python
Python OpenCV 图像平移的实现示例
2021/06/04 Python
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技