jquery 事件

来源：互联网发布：抢号软件编辑：程序博客网时间：2024/05/22 05:31

1、载入

$(documnet) == document.documenElement 获取整个html

$(body) == document.body 获取整个body

$(document).ready(function(){}) == $(function(){})

当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

请确保在 <body> 元素的onload事件中没有注册函数，否则不会触发+$(document).ready()事件。

$(documnet).ready(function(){})与window.onload=function(){}不同

JS：需要dom与资源加载完成后执行

JQ：需要dom加载完成后执行

2、事件切换

hover(over,out)

当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。

$("td").hover(

function () {

$(this).addClass("hover");

},

function () {

$(this).removeClass("hover");

}

);

3、事件

$(a).click(function(){}) 点击事件

$(a).dbclick(function(){})双击事件

$(a).focus(function(){})获得焦点事件

$(a).blur(function(){})失去焦点时间

$(a).change(function(){})改变事件

$(a).mouseover(function(){})鼠标悬浮事件

$(a).mouseout(function(){})鼠标离开事件

$(a).mousedown(function(){})鼠标按下事件

$(a).mouseup(function(){})鼠标抬起事件

$(a).mousemove(function(){})鼠标移动事件

$(window).resize(function(){})窗口缩放事件

当调整浏览器窗口的大小时，发生 resize 事件。

$(window).scroll(function(){})窗口滚动事件，也可是其它元素

当用户滚动指定的元素时，会发生 scroll 事件。

scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。

$(a).select()触发所有a的select事件

$(a).select(function(){})a被选中事件

当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。

$(form).submit() 提交form

$(form).submit(function(){})提交form是执行方法

$(window).unload(function(){})在当用户离开页面时，会发生 unload 事件。

具体来说，当发生以下情况时，会发出 unload 事件：

点击某个离开页面的链接 

在地址栏中键入了新的 URL

使用前进或后退按钮 

关闭浏览器 

重新加载页面 

4、事件处理

$(a).bind("click", fn) 添加点击事件

$(a).bind({"click":fn1,"dbclick":fn2})添加多个事件用{}

$(a).unbind()删除所有bind绑定事件

$(a).unbind("click")删除bind绑定的点击事件

$(a).unbind("click, dbclick")删除bind绑定的多个事件

$(a).on("click",fn)

$(a).off()删除所有on绑定事件

$(a).off("click")删除on绑定的click事件

$(a).one("click",fn)添加click事件，只执行一次

0 0