bind()简要描述bind()向匹配元素添加一个或多个事件处理器。使用方式$(selector).bind(event,data,function) event：必需项；添加到元素的一个或多个事件，例如 click,dblclick等； 单事件处理：例如 $(selector).bind("click",data,function); 多事件处理：1.利用空格分隔多事件，例如 $(selector).bind("click dbclick mouseout",data,function); 2.利...
发生环境：$modal.on(‘click‘, ‘#search‘,function(e){});上面代码的语法是这样的：.on( events [, selector ] [, data ], handler(eventObject) )其中$modal为父容器，在该容器上绑定click事件，当id为search的button被点击时才触发function 存在问题：1. 点击第一次触发一次2. 点击第二次触发两次3. 点击第三次触发四次...以此类推成指数增长 问题原因：on(‘click‘)的重复绑定 解决办法：1.使用unbind，代码如下：（会取消...
1.事件分类基础事件window事件鼠标事件键盘事件表单事件复合事件鼠标光标悬浮鼠标连续点2.鼠标事件click(); //单击事件mouseover(); //鼠标悬浮事件mouseout(); //鼠标移出3.键盘事件keydown(); //键盘按下事件(event.keyCode是物理键位值)keyup(); //键盘松开keypress(); //键盘上可以打印字符按下事件4.表单事件focus(); //获得焦点事件blur(); //失去焦点事件5.复合事件hover(); //鼠标光标悬浮toggle(); //连续点击事件原文：h...
解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法，如下：为了达到更好的演示效果，假设在某个页面的body下有以下结构的代码：?1234567891011<p id="pLabel">新加一条</p><ul id="ulLabel"> <li class="liLabel">aaa1</li> <li class="liLabel">aaa2</li> <li class="liLabel">aaa3</li></ul><script type="text/javascript">$("#pLabel").click(function(){ $("#ulLabel").append(‘<li >aaaQ</li>‘); //动态像u...
1.需求简介2.示例研究3.解决方案1.需求简介jQuery的hover事件只是针对单个HTML元素，例如：$(‘#login‘).hover(fun2, fun2);当鼠标进入#login元素时调用fun1函数，离开时则调用fun2函数，这种API已能够满足绝大部分需求。不过，有些时候我们希望当鼠标进入两个或多个元素“组合的区域”时触发fun1，离开他们时触发fun2，而在这些元素间移动鼠标并不触发任何事件。例如两个元素紧挨着的HTML元素，如下图：当鼠标进入二者的“组合区...
几种普及得比较好的触摸事件，你可以在绝大多数现代浏览器中来测试这一事件（必须是触屏设备哦）：touchstart：触摸开始的时候触发touchmove：手指在屏幕上滑动的时候触发touchend：触摸结束的时候触发 而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：touches：当前位于屏幕上的所有手指的列表。targetTouches：位于当前DOM元素上手指的列表。changedTouches：涉及当前事件手指的列...
//给输入框绑定事件 key = $("#key"); key.bind("focus", focusKey).bind("blur", blurKey).bind("change cut input propertychange", searchNode); key.bind(‘keydown‘, function (e){if(e.which == 13){searchNode();}}); setTimeout("search();", "300");给id=key 节点绑定focus,blur,keydown，searchNode事件focusKey，blurKey ，searchNode函数 function focusKey(e) { if (key.hasClass("empty")...
jQuery.extend({ // 绑定事件 addEvent: function( ele, type, fn ) { // ele不是DOM，type不是字符串，fn不是函数，打包打走 if( !jQuery.isDOM( ele ) || !jQuery.isString( type ) || !jQuery.isFunction( fn ) ) { return false; } // 兼容处理 if( ele.addEventListener ) { ele.addEventListener( type, fn ); }else { ele.attachEvent( ‘o...
最近工作时遇到个关于动画的问题，如下：[javascript] view plain copy $("div").hover( function() { $(this).animate({"margin-top":"100px"},1000); }, function() { $(this).animate({"margin-top":"200px"},1000); }); 看代码就是一个简单的鼠标滑过的动画而已，但是当我测试的时候发现，当我发神经似的来回滑动时，事件就被触发了多次，动画也就重复了多次，怎么才能不重复出现，即动画过...
jquery现在的事件API：on，off，trigger支持带命名空间的事件，当事件有了命名空间，就可以有效地管理同一事件的不同监听器，在定义组件的时候，能够避免同一元素应用到不同组件时，同一事件类型之间的影响，还能控制一些意外的事件冒泡。在实际工作中，相信大家都用的很多，但是不一定了解它的所有细节，至少我有这样的经验，经常在碰到疑惑的时候，还得重新写例子去验证它的相关作用，所以本文想把事件命名空间相关的细节都梳理出...
最近工作时遇到个关于动画的问题，如下： $("div").hover(function() {$(this).animate({"margin-top":"100px"},1000);}, function() {$(this).animate({"margin-top":"200px"},1000);});看代码就是一个简单的鼠标滑过的动画而已，但是当我测试的时候发现，当我发神经似的来回滑动时，事件就被触发了多次，动画也就重复了多次，怎么才能不重复出现，即动画过程中，鼠标滑过这个div，不会触发该事件那？带着疑问，google之，发现...
在写ajax加载数据的时候发现，后面添加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。解决jQuery ajax动态新增节点无法触发事件问题的两种解决方法，为了达到更好的演示效果，假设在某个页面的body下有以下结构的代码： 1<ul id="demo"> 2<li class="demo1">a1</li>...
hover事件有一个缺点:当你的鼠标无意划过一个dom元素(瞬间划过,这个时候用户可能不想触发hover事件),会触发hover事件应该设置一个时差来控制hover事件的触发比如jd左边的菜单 你用鼠标瞬间划过他子菜单会弹出然后立即消失, 用户体验非常的不好.易迅的菜单就没有这个问题delayHover来解决这个问题啥也不说了先看调用…………………………调用方式:var duration = 500;// 延迟500毫秒 $(‘#div1‘).delayHover(function () {$(this)....
二. jQuery中的动画动画在前面几章案例中是回避不了的问题。此处结合一些简便的写法稍作系统的分析。1. show()和hide()（1）介绍——不用过多的介绍了jQuery最基本的方法。本质是某个html对象的display从none和显示之间切换的丰富过程。在display为none之前，jq会记住原来对象的显示方式。原来是inline，再次调用show()方法时，显示方式不变。回到例4.1中FAQ的例子——（运行环境jQuery1.7.2）1 $(document).ready(function(){...
事件 * 1、添加事件 * 1.1 直接绑定事件click、mouseover、mouseleave、mouseenter...... * $(‘#div‘).click * 1.2 绑定事件 * bind 为匹配的元素绑定事件 上面的1.1是bind的简写形式 * $(‘#div‘).bind(‘click‘, function(){ * * }) * 使用方式： * jq对象.bind(eventType, fn) * eventType 事件类型 click、mous...