冒泡事件就是点击子节点，事件会向上传递，最后触发父节点，祖先节点的点击事件。 html代码部分：代码如下: 外层div元素内层span元素外层div元素jQuery代码如下：代码如下:$(function(){$('span').bind("click",function(){var txt = $('#msg').html() + "内层span元素被点";$('#msg').html(txt);});$('#content').bind("click",function(){var txt = $('#msg').html() + "外层div元素被点击";$('#msg').html(txt);});$("body").bi...
先贴代码，再讲详细事件代码如下:div.panel,p.flip{margin:0px;padding:5px;text-align:center;background:#e5eecc;border:solid 1px #c3c3c3;}div.panel{height:120px;}W3School - 领先的 Web 技术教程站点在 W3School，你可以找到你所需要的所有网站建设教程。请点击这里$(document).ready(function(){$(".flip").click(function(){$(".panel").slideUp(300);});}); 重点（Tips）: 1、click 事件 按钮的选择在这个断码中是 “...
有时候事件执行完了，想取消事件的效果可以通过一定的办法来处理。比如bind()（绑定事件）和unbind()（移除通过bind()方法添加的事件）方法来移除事件的效果。 比如下面的一个案例：代码如下: $(function(){$('#btn').bind("click", function(){$('#test').append("绑定函数1");}).bind("click", function(){$('#test').append("绑定函数2");}).bind("click", function(){$('#test').append("绑定函数3");});})html部分：代码如下:...
自从jQuery添加了on()和off()方法之后，基本跟事件有关的操作我不会再使用其他诸如$(‘xxx').click(function(){});之类的了。 不过jQuery的api里面没有说on里面到底可以绑定多少个事件，今天看jQuery1.8.3的源码无意间发现了这些，很开心~ 下面就把on里面支持的事件列出来，共享给大家：代码如下: blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseent...
本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下： jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态添加的元素绑定事件 在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况 例如需要给里面动态添加的标签添加clic...
本文实例讲述了jquery利用命名空间移除绑定事件的方法。分享给大家供大家参考。具体分析如下： 最近研究jquery，发现了一个简单移除绑定事件的方法，命名空间。 例子很简单。 这里我绑定了三个事件，分别是click,mouseover和dblclick事件 其中click和mouseover事件我加入了命名空间，而dblclick没有加入命名空间。 利用一个button移除了绑定的事件。 这样避免了重复的使用bind和unbind方法，让你的代码看起来更简洁明了。 代码如...
我先看jq api文档没有找到方法，无果只好到网上找些资料，果然找到live方法。其实很简单：1.这是项目要求达到的效果，当我没用live事件，只用了简单的hover事件时：hover事件没有加载进来，没有我想要的边框效果，效果图如下代码如下:/*经过用户技能标签增加样式*/$(function(){ $(".s-edited").hover(function(){ $(this).toggleClass("borderd");})}) 2.当我用了live之后，效果达到了，如下图：代码如下：代码如下:/*...
本文实例讲述了jQuery支持动态参数将函数绑定到事件上的方法。分享给大家供大家参考。具体分析如下： 下面的js代码提供了两种方法用于绑定函数到事件，其中方法二可以传递动态参数，非常实用//方法一 $('#foo').click(function(event) {alert('User clicked on "foo."'); }); //方法二, 支持动态传参 $('#foo').bind('click', {test1:"abc", test2:"123"}, function(event) {alert('User clicked on "foo."' + event.data.test1 + ...
本文实例讲述了jQuery判断元素上是否绑定了指定事件的方法。分享给大家供大家参考。具体如下： 例如下面的代码可以判断id=testdiv的元素是否绑定的click事件，这个判断只针对jQuery绑定的事件有效，普通JS的事件绑定无效。//jQuery event封装支持判断元素上是否绑定了事件，此方法只适用于jQuery绑定的事件 var $events = $("#testdiv").data("events"); if( $events && $events["click"] ){//your code here }希望本文所述对大家的...
JQuery事件初见 1.JQuery中的事件绑定 其实呢，JQuery中标准的事件绑定是这样写下：（如下）代码如下: $("#btn").bind("click",function(){})；但是每次这样写，太过麻烦，还怎么做到Write less，Do more？ 所以我们习惯的简写成。 $("#btn").click(function(){ }) 这样就方便了好多 2.合成事件hover（enterfn，leavefn） 当鼠标放在元素上的时候调用enterfn方法， 当鼠标离开元素的时候调用leavefn方法。 相当于javascript中的m...
第一种方式： $(document).ready(function(){$("#clickme").click(function(){alert("Hello World click");});第二种方式：$('#clickmebind').bind("click", function(){alert("Hello World bind");});第三种方式：$('#clickmeon').on('click', function(){ alert("Hello World on"); }); }); 注意：第三种方式只适用于jquery 1.7以上的版本 源码如下：#frm label.error {color: Red;}$(document).ready(function(){$("#clickme"...
本文实例讲述了jQuery事件绑定与解除绑定实现方法。分享给大家供大家参考。具体如下：New Document div { border:1px solid black; width:20px; height:20px; text-align:center; float:left; cursor:pointer } .has{ background-color:red; cursor:default }2345678jQuery(function(){jQuery("div").bind('click',function(){if(jQuery(this).attr('class') != ''){return false;}jQuery(this).addClass("has");jQuery(this).unbi...
本文实例讲述了jQuery监控文本框事件并作相应处理的方法。分享给大家供大家参考。具体如下：//事情委托 $(document).on('input propertychange', '#query', function(){var input = $(this).val();show(input);});var show = function(txt){var info = '监听：' + txt + ''+ '相关搜索：' + showTags(txt);$('.info').html(info);}var showTags = function(txt){var tag = '';if(txt.length){for (var i = 0; i '+txt+'相关'+i+'';...
Ajax会触发很多事件。 有两种事件，一种是局部事件，一种是全局事件： 局部事件：通过$.ajax来调用并且分配。代码如下: $.ajax({beforeSend: function(){// Handle the beforeSend event},complete: function(){// Handle the complete event}// ... });全局事件，可以用bind来绑定，用unbind来取消绑定。这个跟click/mousedown/keyup等事件类似。但他可以传递到每一个DOM元素上。代码如下: $("#loading").bind("ajaxSend", functi...
本文实例讲述了jQuery实现自定义事件的方法。分享给大家供大家参考。具体分析如下： jQuery是一个非常强大的工具。jQuery非常有用的功能之一是可以实现事件绑定。你可以实现创建，绑定事件，可触发自己定义的jQuery事件。 自定义事件触发 下面的代码是它自定义事件触发。你可以绑定到这个自定义事件。$event.trigger("myEventName");自定义事件绑定 下面的代码创建了一个绑定到自定义事件和自定义事件触发时将被执行。$(this).bind...