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 相关文章推荐
Javascript hasOwnProperty 方法 &amp; in 关键字
Nov 26 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
JavaScript框架(iframe)操作总结
Apr 16 Javascript
JavaScript操作URL的相关内容集锦
Oct 29 Javascript
原生JavaScript制作计算器
Oct 16 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
Mar 24 jQuery
详解Vue.js Mixins 混入使用
Sep 15 Javascript
详解Node全局变量global模块
Sep 28 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
Aug 07 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
对盗链说再见...
2006/10/09 PHP
PHP 文件上传全攻略
2010/04/28 PHP
php中adodbzip类实例
2014/12/08 PHP
[原创]PHP字符串中插入子字符串方法总结
2016/05/06 PHP
YII框架批量插入数据的方法
2017/03/18 PHP
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
2016/02/15 Javascript
jQuery的事件预绑定
2016/12/05 Javascript
Bootstrap 模态框(Modal)插件代码解析
2016/12/21 Javascript
原生js实现倒计时--2018
2017/02/21 Javascript
原生JS实现导航下拉菜单效果
2020/11/25 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
ReactNative中使用Redux架构总结
2017/12/15 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
vue实现鼠标移入移出事件代码实例
2019/03/27 Javascript
layui 实现表单和文件上传一起传到后台的例子
2019/09/16 Javascript
jQuery实现鼠标拖动图片功能
2021/03/04 jQuery
一篇不错的Python入门教程
2007/02/08 Python
Zookeeper接口kazoo实例解析
2018/01/22 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
德国专业木制品经销商:Holz-Direkt24
2019/12/26 全球购物
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
教育学习自我评价
2014/02/03 职场文书
基层党组织整改方案
2014/10/25 职场文书
教师工作表现评语
2014/12/31 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
nginx+lua单机上万并发的实现
2021/05/31 Servers
Python测试框架pytest高阶用法全面详解
2022/06/01 Python