【jQ的事件】的更多相关文章

jq常用事件（on,blur,focus,change）,js/jq等待图片(页面)加载完毕事件,js读取文件

jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on( "click",function(ev) { ev.data.aaa // 跟js事件对象一样 }) // 方法二 $(".box").click( function(){} ) // 右键事件,取消系统默认事件 $('.sup').on('contextmenu'…

JS与JQ绑定事件的几种方式.

JS与JQ绑定事件的几种方式 JS绑定事件的三种方式 直接在DOM中进行绑定 <button onclick="alert('success')" type="button" id="btn">测试按钮</button> DOM中绑定函数名 <button onclick="testFun" type="button" id="btn">测试按钮<…

JQ绑定事件的叠加和解决，index()方法的坑

JQ绑定事件的叠加和解决,index()方法的坑 前言 在做过几个不大不小的项目后,发现技术这种东西,必须要多多实践,才能发现各种问题,理论的知识掌握的再好终究是纸上谈兵. 因此目前感觉有两点是必须要坚持的:①需要不断的学习,加大知识面的广度,才不至于碰到问题连是什么都不知道. ② 需要有知识的沉淀,加强知识面的深度,提高解决问题的能力.俗话说:好记性不如烂笔头,那么记录下遇到的问题是必不可少的. 绑定事件的叠加 在jQuery学习的过程中,更多是学习如何绑定,光记着有几种绑定事件的方式了.而且…

jq的事件对象的属性

1.event.type() 该方法的作用是可以获取到时间的类型 $('a').click(function(){ alert(event.type);//获取事件类型 return  false;//阻止链接跳转 }) //以上代码返回 click 2.event.preventDefalut() 该方法是阻止默认的事件行为,javascript中符合w3c的preventDefalut()的方法在IE浏览器中是无效的,jq对其进行了封装,使之能兼容各个浏览器. 3.event.stopPro…

jq的事件冒泡

在页面上可以有多个事件,也可以多个元素响应同一件事, 事件冒泡引发的问题: 有些时候不想动用的事件,却因为事件冒泡而触发 解决问题: 1.事件对象 由于IE-DOM和标准的DOM实现事件对象的方法各不相同,导致在不同浏览器上获取事件对象变得比较困难,.针对这个问题,jq进行了必要的扩展和封装,从而使得在什么浏览器中都能够轻松地获取事件对象以及事件对象的一些属性. 在程序中,实现事件对象非常简单,只需要为函数添加一个参数,例: $(element).bind('click',function(ev…

JQuery（二）---- JQ的事件与动画详解

JQuery的事件 /** * 1.事件绑定的快捷方式: */ $("button:eq(0)").dblclick(function(){ alert("hahaah") }); 缺点:绑定的事件无法取消. /** * 2.使用on进行事件绑定. */ //2.1使用on进行单事件绑定. $("button:eq(0)").on("click",function(){ alert("haha"); });…

【JQ】jq动态绑定事件.on()、解绑事件off()

#JQ 绑定与解绑事件的方法的历史演变 1. jquery1.4 及之前的版本,由.click() 或 .bind()方法绑定的事件,不能适用脚本创建的新元素:即是说页面加载完成后,再动态创建的DOM元素并不能响应之前绑定的事件!解绑事件使用.unbind()方法: 旧版本的处理方法是使用.live()方法来代替事件绑定.bind(),使得绑定的事件能适用脚本创建的新元素,从而实现事件的动态绑定:解绑事件使用.unlive()方法: <html> <head> <script…

jq绑定事件的4种方式

jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码.下面我们来看下jQuery中绑定事件的方式都有哪些. jQuery中提供了四种事件监听方式,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off.在开始看他们之前,先来声明一个例子,各函数的用法将围绕这个例子进行,html代码如下: 列表元素1 列表元素2 列表元素3 列表…

input file里的JQ change() 事件的只生效一次

文件选择框的onchange事件只在第一次改变时生效,以后再选择文件不会触发onchange事件. 解决方法1:用jQuery的live代替直接使用change. 错误代码: $("#UploadFile").change(function(){         //do someing     }); 正确代码: $("#UploadFile").live('change', function(){         //do someing     }); 解决方…

JQ动画事件

1.会飞的li html: <ul id="ulL"> <li>中国</li> <li>美国</li> <li>德国</li> <li>俄罗斯</li> <li>越南</li> </ul> <ul id="ulR"> </ul> jq: $(function () { $("li"…