<a href="http://www.iteye.com/topic/655981">浅谈jquery(一):关于dom的一些操作</a>
一. jquery特有方法
传统的js事件是以on+事件名开头的,如onClick();onChange()等,
Jquery则是直接以事件名开头,如click();change()等;
由于jquery中的事件尽可能的往兼容浏览器做努力,这里推荐使用Jquery中的事件,而抛弃传统事件
具体方法名这里不一一列举,这里只是介绍几个jquery所独有的,兼容浏览器并很常用的一些方法
1.hover(f1,f2);
这个方法可以看做为传统js方法onMouseOVer与onMouseOut的结合体,
其中参数f1,f2为自定义的方法,f1为onMouseOVer时执行的方法,f2为onMouseOut执行的方法
例:
var f1=function(e){
alert("鼠标在我这里");
}
var f2=function(e){
alert("鼠标离开了");
}
$("#t1").hover(f1,f2);
2.toggle(f1,f2,[f3,f4....]);
每当触发click事件时,依次轮流执行f1,f2,f3....定义的方法
var f1=function(){
alert("第一次点击");
}
var f2=function(){
alert("第二次点击");
}
$("#t1").toggle(f1,f2);
3.one(eventType,function);
使用该函数,方法只会执行一次
<div id="t1" >dd</div>
var f2=function(){
alert("投春哥一票");
}
$("#t1").one("click",f2);
二.其他相关
1.浏览器判断 :$browser+浏览器关键字
if($.browser.mozilla){
alert("firefox");
}
2.keydown(function(event){}) :键盘上的按键事件
这个不详细解释,下面的例子是一个按下回车时候执行的事件,由于浏览器原因,稍微进行了一下浏览器判断
var v=function(e){
if(e.keyCode==13){
alert("回车键");
};
};
if($.browser.mozilla){
$(window).keydown(v);
}else{
$("body").keydown(v);
}
1
分享到:
相关推荐
浅谈jQuery的应用.pdf 对于入门jquery很有帮助
本文给大家分享的是个人关于jQuery中事件的理解,主要向大家介绍了jQuery中事件的绑定,合成、以及事件冒泡、阻止事件等内容,希望大家能够喜欢。
浅谈JQuery如何控制页面.pdf
主要介绍了浅谈jQuery事件绑定原理,并做了简单分析,然后用实例来展示,需要的朋友可以参考下
下面小编就为大家带来一篇浅谈jquery选择器 :first与:first-child的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
下面小编就为大家带来一篇浅谈jQuery 中的事件冒泡和阻止默认行为。小编举得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
下面小编就为大家带来一篇浅谈jQuery的bind和unbind事件(绑定和解绑事件)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。 off()函数主要用于解除由on()函数绑定的事件处理函数。 该函数属于jQuery对象(实例)。 语法 jQuery 1.7 新增该函数。其主要有以下两种形式的用法: ...
昨天群里有人问了个事件源码定位的问题,简单描述下是这样的。 在一个不是自己写的页面上,如何快速定位到他绑定的事件代码在哪?...关于jQuery对于事件的管理,大牛们也分析的非常透彻了,我就不啰嗦了,
下面小编就为大家带来一篇浅谈jQuery hover(over, out)事件函数。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
下面小编就为大家带来一篇浅谈jQuery绑定事件会叠加的解决方法和心得总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
下面小编就为大家带来一篇浅谈jquery中使用canvas的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果。大家看看源码就知道了。
Ajax会触发很多事件。 有两种事件,一种是局部事件,一种是全局事件: 局部事件:通过$.ajax来调用并且分配。 $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ // ...
【ASP.NET编程知识】浅谈对Jquery+JSON+WebService的使用小结.docx
在Jquery中,所有的DOM对象都将封装成Jquery对象,而且只有Jquery对象才能使用Jquery方法或者属性来执行相应的操作。 所以Jquery提供了一个可以将DOM对象封装成Jquery对象的函数,就是Jquery核心函数jquery(),也称为...