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(){
 //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
, div
click事件
jquery div click事件、jquery div click、jquery div click失效、jquery闭包的简单实例、jquery简单实例,以便于您获取更多的相关知识。

时间: 2024-11-16 12:42:19

Jquery为DIV添加click事件的简单实例_jquery的相关文章

JQuery实现DIV其他动画效果的简单实例_jquery

1.toggle 切换对象的隐藏和显示,可以用来代替show和hide <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

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"

为jQuery-easyui的tab组件添加右键菜单功能的简单实例_jquery

加入了右击TAB选项卡时显示关闭的上下文菜单 具体实现代码: 右键菜单 HTML: <div id="mm" class="easyui-menu" style="width:150px;"> <div id="mm-tabclose">关闭</div> <div id="mm-tabcloseall">全部关闭</div> <div id=

jQuery实现布局高宽自适应的简单实例_jquery

在页面布局(layout)时经常是上左右的框架布局并且需要宽.高度的自适应,div+css是无法实现(*hegz: div+css其实是可以实现的,利用jQuery比较容易实现浏览器的兼容性),所以需要js来辅助. 主要通过 jQuery.resize() 这个方法,也就是当窗口大小改变时重新计算布局的高宽.其它直接看代码即可. Html代码 <div id="header"></div> <div id="left"></

JQuery解析XML数据的几个简单实例_jquery

用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做.下面我们来总结几个使用JQuery解析XML的例子. 第一种方案: <script type="text/javascript"> $(document).ready(function() { $.ajax({ url: 'http://www.jb51.net/cgi/test.xml', dataType: 'xml', success: function(data

使用jquery获取url及url参数的简单实例_jquery

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识. 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情 首先看看单纯的通过javascript是如何来获取url中的某个参数: //获取url中的参数 function getUrlP

Jquery.Form 异步提交表单的简单实例_jquery

http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html 1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记: 复制代码 代码如下: <form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<input id="username&quo

多功能jQuery树插件zTree实现权限列表简单实例_jquery

zTree 是一个依靠jQuery 实现的多功能 "树插件".优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. zTree官网 zTreeAPI下载链接  页面主要引入一下几个文件:  <link type="text/css" rel="stylesheet" href="zTree/zTreeStyle.css" /> <script type="text/javascript&

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