时间:2021-05-26
一.事件绑定
1.事件绑定函数
事件的绑定函数为如下形式:
.bind(type [,data],fn)
type:类型 如click.....
data:参数
fn:事件执行的函数
例子
复制代码 代码如下:
$(function(){
$(#id1).click(function(){
$(#id2).show();//id2显示
}) ;
});
二.合成事件
1.鼠标滑过事件
.hover(enter,leave)
enter:鼠标光标移动到对象时触发的函数
leave:鼠标光标移出对象触发的函数
例子:
复制代码 代码如下:
$(function(){
$(#id1).hover(function(){
$(#id2).show();//id2显示
},function(){
$(#id2).hide();//id2隐藏
}) ;
});
2.连续单击事件
.toggle(fn1,fn2.......,fnN)
fn:单击第一次执行fn1,第二次fn2,以此类推
三.事件冒泡
事件总是由内层开始执行,一直到最外层,不单击了那个对象,所有包含了此对象的对象所绑定的事件都将执行一次,这是我们不愿意看到的,jQuery给我们定义了一些阻止事件执行的方法
1.事件对象获取
获取事件对象的方法就是为事件执行函数添加一个参数
$(#id1).click(function(even){});//even就是获取到的事件对象
2.阻止事件冒泡
我们可以在事件执行函数中加入如此啊代码,阻止事件冒泡
even.stopPropagation();
3.阻止默认事件
浏览器默认事件是指,按钮单击后提交,单击链接后打开链接等,jQuery也可以阻止这些默认事件的执行
even.preventDefault();
四.获取事件对象的属性
even.type();//获取事件的类型,
如:
$(#id1).click(function(even){
alert(even.type);
return false;
});//返回“click”
even.target();//获取触发事件的对象
even.while();获取鼠标单击的1=左,2=中,3=右键
五.移除事件
.unbind(type [,data]);
例子:
复制代码 代码如下:
$(function(){
$(#id1).bind("click",fn1=function(){alert(“事件1”);})
.bind("click",fn2=function(){alert(“事件2”);});
.bind("click",fn3=function(){alert(“事件3”);});
});
$("#id2").click(function(){
$(#id1).unbind("click",fn2);//删除fn2的click事件
});
六.其他操作
1.绑定多个事件
.bind(type [,data],fn).bind(type [,data],fn)...... ;
.bind(type type..... [,data],fn) ;
2.添加事件命名空间
.bind(type.namespace [,data],fn) ;
使用时只需指定命名空间即可,如:$(#id1).unbind(".namespace")
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
select下拉列表onChange事件之JQuery实现:JQuery:$(document).ready(function(){$("#selectMenu
jQuery学习笔记:jQuery学习1、基本语法:$(selector).action()$:定义jQueryselector:选择符,查询和查找HTML元素
一.摘要事件是脚本编程的灵魂.所以本章内容也是jQuery学习的重点.本文将对jQuery中的事件处理以及事件对象进行详细的讲解.二.前言本篇文章是至今为止本系
本文实例讲述了jQuery选择器之基本选择器用法。分享给大家供大家参考,具体如下:初学jQuery,为了能系统地学习好jQuery,今天特意把自己的学习心得归纳
本文以实例形式详细汇总了jQuery中事件的用法,对jQuery的学习有很好的参考价值。分享给大家供大家参考之用。具体用法如下:1.通过方法名给元素绑定事件:$