jQuery常用的函数和方法

jQuery常用的函数和方法
1.delay(持续时间,{ queuename })

设置延迟以推迟队列中后期项目的执行
jQuery 1.4增加了它,用于延迟队列中函数的执行,他可以延迟动画队列的执行,也可以使用自定义队列。

持续时间:延迟时间,单位:毫秒

排队的queuename:名词,默认是特效,动画队列。

例:

磁头和底部动画延迟加载
$(文档)Ready(函数(){)
$(#头)。Css({ 50 } ' ':-)。Delay(1000)。动画({ 0 },最重要的:800);
$(#页脚)。Css({ 15 }底部的:-)。Delay(1000)。动画({ 0 },底部:800);
});
2.jquery活(类型,FN)委托事件的实现

查询1.3.binding事件处理函数的新方法(如单击事件)对当前和未来的所有匹配的元素,也可以绑定的自定义事件。

目前,支持单击、双击、MouseDown、MouseUp、MouseMove、鼠标悬停,mouseout,keydown,按键,Keyup。

不支持模糊、焦点、MouseEnter、MouseLeave,变化,提交

与绑定()不同,活()只能一次绑定一个事件。

这种方法非常类似于传统绑定。不同的是,结合事件活将结合事件的当前和未来的所有页面上的元素。例如,如果你将所有李的页面,用活的单击事件。当李加入到这一页后,这个新加入的李,其单击事件仍然是可用的。无需重新分配该新添加的元素绑定事件。

。活()是流行的livequery插件很相似,但有几个主要的差异:

Live目前只支持所有事件的子集,支持上面的指令列表。
。生活不支持回调函数的livequery ..活动提供了自由式生活只能绑定事件处理函数。
Live没有安装清理过程,因为所有事件都是委托的,而不是直接绑定到元素的。
若要删除与活绑定的事件,请使用模具方法

使用的例子:

jQuery:
$(MyDiv)。活(点击功能()){
警报(单击!);
});
如果你使用Javascript动态创建类mydiv元素,点击元素仍然会流行起来。为什么你用过吗这是因为jQuery利用冒泡机制的事件,将事件绑定到文件,然后找到这个事件的源通过event.target.unlike的jquery.livequery插件,jquery.livequery会检查每20毫秒,和新一代重新绑定到一个事件。

当然,生活的使用既有优点也有缺点。
其优点是在元素更新时不需要重复元素来定义事件。
坏的事情是:绑定文档上的事件将在页面上的每个元素上调用一次,如果不使用,它会严重影响性能

不支持模糊、焦点、MouseEnter、MouseLeave,变化,提交。

2。删除活绑定事件

在jQuery中,Live用于绑定事件,如果要删除事件,请使用模具方法。

如:
$(MyDiv)。死(点击);

这是删除绑定点击事件的好方法。

3.jquery偏移(),()获得绝对位置,相对位置坐标的方法

为了获得页面元素的绝对x、y坐标,可以使用偏移()方法:(体属性设置边距:0;填充:0;)
var x = $(#分)。偏移(顶部);
var y =美元(#分)。偏移(左);

例如:
$(。生产跨度)。Click(function(){(){)
('body美元,HTML),动画({ scrollTop:$(' #买)。偏移()。顶},'慢');
});

获取相对(父元素)位置:
var x = $(#分)。位置(顶部);
var y =美元(#分)。位置(左);
左=。
var = $(选择器)。偏移量(顶部);相对于窗口顶部的偏移量
var Pleft =美元(选择器)(。scrollLeft); / /偏移相对于元素在滚动条的左侧
电脑= $(var选择器)(。scrollTop); / /偏移滚动条顶部元素相对于
4.jquery获取鼠标的位置

$(函数(){())
e是事件的名称;
$(document)。Mousemove(function(e){
$(p)。文本(X+ e.pagex +:+ e.pagey);
});

});

5.jquery决定元素包含某一类的,是否有一些属性,以及如何排除一些属性。

在jQuery编码中,我们将确定一个元素是否有属性。例如,它是否包含类新的样式
在这个时候,没有现成的方法。如果有一元属性(#援助)。Attr(关系),它将返回的值的关系。如果没有关联属性,它将返回未定义。

不确定的是未定义的类型,如果($(#援助)。Attr(关系)= =未定义)这个判断可能不成立。

因为类型不同。
建议使用如果(typeof($(#援助)。Attr(关系))= =未定义)。

jQuery中移除一个jQuery对象的一个属性:$(主要)。RemoveAttr(风格);

对6.jquery停止使用()(明确动画积累的有效途径)

1、停止({ stopall },{死})方法有两个参数(当然,不能通过或直接的),其中stopall手段清除所有的动画after.toend手段完成当前动画。

2、stopall = true,停止队列中的所有动画,stopall = = FALSE,只有停止队列中的动画,后来动画继续。

3、到= true,立即跳转到当前动画的结束,结束= = false,停止在当前状态。为此,只能当stopall设置

4。在项目中,如果动画队列没有清理,就会产生动画积累的问题,因此,在编写动画时,最好先清除队列中的重复动画。

在项目中,例如,拉下两级的导航效果,使用jQuery slideDown()和()方法slideup。如果鼠标晃动很快,如果没有动画队列清理,就会产生动画积累,并且会出现问题。
例如:
$(。导航里。has_list)。Hover(function(){)
$(这)。儿童(),AddClass(我);
$(。导航里。has_list)。儿童(div)。停止(假的,真的);
$(这)。儿童(div)。SlideDown(400)结束();
}函数(){()
$(这)。儿童(),RemoveClass(我);
$(。导航里。has_list)。儿童(div)。停止(假的,真的);
$(这)。儿童(div)。SlideUp(400)结束();
}
);
这是本文的内容,关于jQuery的常用功能和方法总结,希望大家喜欢。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部