jquery中的on事件

js便签笔记（6）——jQuery中的ready()事件为何需要那么多代码？

前言: ready()事件的应用,是大家再熟悉不过的了,学jQuery的第一步,最最常见的代码: jQuery(document).ready(function () { }); jQuery(function () { }); $(document).ready(function () { }); $(function () { }); 以上四行代码的目的和效果都一样——待DOM加载完成之后,执行传入的function函数. 再对jquery稍微熟悉一点的朋友可能知道,这里的“待DOM加载完成…

jquery-10 jquery中的绑定事件和解绑事件的方法是什么

jquery-10 jquery中的绑定事件和解绑事件的方法是什么一.总结一句话总结:bind(); unbind(); one(); 1. jquery中的绑定事件和解绑事件的方法是什么? bind(); unbind(); i=0; $('button').eq(0).click(function(){ $('img').bind('click',function(){ if(i%2==0){ this.src='b.png'; }else{ this.src='a.png'; } i+…

jquery中的DOM事件绑定与解绑

在jquery事件中有时候有的事件只需要在绑定后有效触发一次,当通过e.target判断触发条件有效触发后解除绑定事件,来避免多次无效触发和与未知情况造成冲突. 这时候就要用到了jquery中的事件绑定与事件解绑. $(document).on('click.endEdit',function (e) { if(!$(e.target).hasClass('datagrid-cell')&&e.target.tagName!="TD"){ //事件发生后的判断条件 dg…

深入了解jquery中的键盘事件

很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键二.获得键盘上对应的ascII码: $(document).keydown(function(event){ console.log(e…

jquery中绑定click事件重复执行问题

jquery中单击事件重复多次执行的问题使用如下方式: $('#sub').unbind('click').click(function () { ... });…

jQuery中四种事件监听的区别

原文链接:点我我们知道jquery提供了四种事件监听方式,分别是bind.live.delegate.on,下面就分别对这四种事件监听方式分析. 已知有4个列表元素: 列表元素1 列表元素2 列表元素3 列表元素4 1.bind bind(type,[data],function(eventObject)) bind是使用频率较高的一种,作用就是在选择到的元素上绑定特定事件类型的监听函数, 参数函数如下: type:事件类型,如click.change.mouseover等: data:传入…

JQuery中隐藏/显示事件函数

1.$("button").click(function(){ $("p").hide(); });2.如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中.页面引用时放到head标签里 <head> <script type="text/javascript" src="jquery.js"></script> &…

jquery中on绑定事件

之前项目中动态创建的标签元素在绑定事件的时候都是无效无论如何都不能触发 eg:在页面加载完成之后再由脚本动态创建的<div>元素在绑定事件的时候例如click事件 $("div").click(function(alert("aaa")){}); 那么动态创建的元素是触发不了这个事件的这是就要用到on来绑定事件了. 但是在W3C中并没有on事件只有live,delegate 这是由于这里的更新很不及时 ,建议去http:/…

js和jquery中的触发事件

改别人的坑,遇到jquery选择器和fireEvent混用,不认识fireEvent方法报错. js的方法不能使用jquery的选择器去调用. 1.fireEvent (IE上的js方法 ) 我们来看看fireEvent跟onclick()触发事件是否相同.看下面的代码: <ul onclick='alert(event.srcElement.innerHTML);'> <li id='id1'>i am one;</li> <li id='id2'>i a…

jquery中的全局事件

ajaxStart(callback):Ajax请求开始时触发该事件 ajaxSend(callback):Ajax请求发送前触发该事件 ajaxSuccess(callback):Ajax请求成功时触发该事件 ajaxComplete(callback):Ajax请求完成时触发该事件 ajaxStop(callback):Ajax请求结束时触发该事件 ajaxError(callback):Ajax请求出现错误时触发该事件可以对 jQuery 对象调用上述全局事件. 例如,当用户点击页面上某…

on()函数用于为指定元素的一个或多个事件绑定事件处理函数. 从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind(). delegate(). live()等事件函数.…

jquery中防止冒泡事件

冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件. 下面是html代码部分: <body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div> </body> 对应的jQuery代码如下: <script type="text/…

JQuery中如何处理键盘事件

背景:比如在页面中,敲击回车键以后,实现登录功能,在之前的Winform开发时,也遇到过处理键盘事件的功能,比如游戏软件中,上下左右的移动等. 代码如下: $(document).keydown(function (event) { ) { alert('OK'); //$("#btn1").click(); } }); 上面代码的功能是,在页面上任意位置,敲击回车,弹出‘OK’的消息框.…

Jquery中on绑定事件点击一次执行多次的解决办法

举个例子,在同一个页面有下拉选择框 <select class="mySelect"> <option value="user">按用户分析</option> <option value="dept">按单位分析</option> <option value="role">按角色分析</option> </select> 当选择用户…

JQuery中如何使用事件来出发Ajax

$(document).ready(function(){ $("input[name='customer_name']").keydown(function(e){ if(e.keyCode==13){ search(); } }); $("input[name='customer_role']").keydown(function(…

jquery中取消和绑定hover事件的正确方式

在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用bind去绑定hover方法呢?如何用unbind取消绑定的事件呢?一.如何绑定hover事件先看以下代码,假设我们给a标签绑定一个click和hover事件:$(document).ready(function(){ $('a').bind({ hover: function(e) { //Hover event handler alert("hove…

JavaScript 中的window.event代表的是事件的状态,jquery事件对象属性,jquery中如何使用event.target

http://wenda.haosou.com/q/1373868839069215 http://kylines.iteye.com/blog/1660236 http://www.cnblogs.com/mslove/archive/2010/04/26/1721024.html window.event代表着事件对象的状态.只有在事件发生时生效.如鼠标.键盘等事件被触发时这个对象才存在.window.event这只在IE下是这样的.他并不是标准..也就是说其他浏览器并不支持.在W3C标准支…

jQuery中的事件机制深入浅出

昨天呢,我们大家一起分享了jQuery中的样式选择器,那么今天我们就来看一下jQuery中的事件机制,其实,jQuery中的事件机制与JavaScript中的事件机制区别是不大的,只是,JavaScript中调用是原生的函数方法,而jQuery中调用的绑定的是jQuery中的对象方法,那么在昨天的第一篇中,我们已经说过了jQuery对象和DOM对象之间的转换,至于其中的转换的原理,我们就需要去分析一下jQuery中的源码了,这个我们在源码分析中再去做讨论, 首先呢,我们先来看一下,jQuery中…

PHP判断图片是否存在和jquery中load事件对图片的处理

在公司的图片服务器中,同一个产品一般会存在对应的大图和缩略图.因此,我们在开发手机端的web网站时,默认使用的是产品图片的缩略图,查询数据库时获取的是缩略图的路径.但是,不知什么原因,时不时的,测试的同事总会找到我们,说产品图片没显示出来,是个bug,需要修改. 那么,问题来了. (1)PHP后台如何判断远程服务器上的图片是否存在解决思路:获取图片路径-->对图片是否存在进行判断-->不存在,使用大图 /** * @desc 检查远程图片是否存在 * @param string $url 图…

jQuery中click事件多次触发解决方案

jQuery 中元素的click事件中绑定其他元素的click事件. 因为jQuery中的click事件会累计绑定,导致事件注册越来越多. 解决方案: 1.能够避开,避免把click事件绑定到其他元素的例如click,hover等事件中. 2.不能避开,使用unbind("click"),然后再bind("click").…

Jquery中bind(), live(), on(), delegate()四种注册事件的优缺点，建议使用on（）

jquery中注册的事件,注册事件很容易理解偏差,叫法不一样.我第一反应就是如何添加事件,使用onclick之类的,暂时不讨论js注册事件的方法. 也看到园内前辈写过相关的帖子,但不是很详细,我找到了一个还算比较详细,但不支持转载无奈收藏,又担心不经常看着个强迫症.就当copy吧. jQuery中的bind(), live(), on(), delegate() 当我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的.而它们之间到底有什么不同呢?在什么场合下用什么方法是最有效…

jQuery:自学笔记(4)——事件与事件对象

jQuery:自学笔记(4)——事件与事件对象 jQuery中的事件什么是事件所谓事件,就是被对象识别的操作,即操作对象队环境变化的感知和反应,例如单击按钮或者敲击键盘上的按键. 所谓事件流,是指HTML文档使用的是DOM模型,而该模型是从上到下一级一级的结构,因此就会触发一连串的对象.例如单击HTML页面上的某个按钮时,不仅会触发按钮的单击事件,还会触发安装所属容器div的单击事件,同时还会触发父级别容器的单击事件. jQuery中支持的事件和事件类型方法描述 bind() 向元素添加…

前端09 /jQuery标签操作、事件、补充

前端09 /jQuery标签操作.事件.补充目录前端09 /jQuery标签操作.事件.补充 1.标签内文本操作 1.1 html标签元素中的所有内容 1.2 text 标签元素的文本内容 2.文档标签操作 2.1值操作 2.2插入标签 2.3 删除标签 remove.detach和empty 2.4 (替换)修改标签 replaceWith和replaceAll 2.5 克隆标签 clone 3.属性操作 3.1 attr() 设置属性值.者获取属性值 3.2 removeAttr() 移…

jQuery中的事件绑定方法

在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知道,不管你用的是(live/ bind / delegate)之中那个方法,最终都是jQuery底层都是调用on方法来完成最终的事件绑定;.unbind(), .die(), .undelegate(),也是一样的都是通过.off()来实现的; 因此从某种角度来讲除了在书写的方便程度及习惯上挑选,不…

四、jquery中的事件与应用

当用户浏览页面时,浏览器会对页面代码进行解释或编译--这个过程实质上是通过时间来驱动的,即页面在加载时,执行一个Load事件,在这个事件中实现浏览器编译页面代码的过程.时间无论在页面元素本身还是在元素与人机交互中,都占有十分重要的地位. 1.事件中的冒泡现象: 时间在出发后分为两个阶段,一个是捕获(capture),另一个则是冒泡(bubbling):大多数浏览器不支持捕获阶段,jquery也不支持.因此时间出发后往往执行冒泡过程. 冒泡 <script type="text/javasc…

jQuery：详解jQuery中的事件（二）

上一篇讲到jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件中的合成事件.事件冒泡和事件移除等内容. 接上篇jQuery:详解jQuery中的事件(一) 3.合成事件 jQuery有两个合成事件——hover()方法和toggle()方法,同ready()方法一样,这些都是jQuery自定义的方法. hover()方法:hover()方法的语法结构为: hover(enter, leave); hover()方法用于模拟鼠标悬停事件.当鼠标移动到元素…

jQuery：详解jQuery中的事件（一）

之前用过一些jQuery的动画和特效,但是用到的部分也不超过10%的样子,感觉好浪费啊——当然浪费的不是jQuery,而是Web资源.后来就想深入研究下jQuery的内部机理,读过两遍jQuery源代码,但是自觉还差的好远,跟好多大神(比如阮一峰)的理解还是有很大差距.现在就一点一点积累自己的知识体系,记录自己学到的和自己所理解的jQuery. JavaScript和HTML之间的交互式通过用户和浏览器操作页面时引发的事件机制来处理的.当文档或者它的某些元素发生某些变化或操作时,浏览器就会自动生…