jQuery常用事件

ready(function)

文档就绪事件,在html文档加载完成时触发此事件,因为我们的大部分jquery代码都是在html元素加载完成时才能通过对应的id或class取到相应的元素进行操作,因此,在大部分jquery代码中,ready()事件是前提事件,通常jquery代码都是以如下代码开始:

document.ready(function()
{
	//在此书写jquery具体逻辑
});

ready()事件仅能用于 当前文档,因此无需使用选择器

bind(event:function,event:function,…)

bind事件被用来向一个元素添加多个事件,例如,当我们想为一个元素同时添加点击事件和鼠标划过事件时,比较麻烦的写法像如下这样:

$("#a").click(function()
{
	//具体逻辑
});
$("#a").mouseover(function()
{
	//具体逻辑
});

如果我们用bind事件就可以简单地写成如下这样:

$("#a").bind(
	click:function()
	{
		//具体逻辑
	},
	mouseover:function()
	{
		//具体逻辑
	});

unbind(event,function)

我们可以用unbind解除元素的事件绑定,当不输入参数时解除该元素的所有事件绑定,当输入事件参数时,解除该元素的指定事件的绑定,当输入函数参数时,解除该元素对指定函数名的函数的绑定

click(function)

function:可选的函数,函数将在点击后执行,如果不写这个函数直接写:

$("#a").click();

则相当于点击了一次id为a的元素(下面所有类似的触发事件都是如此,下面不再赘述)

dblclick(function)

事件将在双击指定元素后触发

mouseover(function)

函数将在鼠标位于元素上方时触发

mouseout(function)

事件将在鼠标移出元素时触发

mousedown(function)

事件将在鼠标在此元素上按下时触发(注意是按下时,不是按完之后,click事件是按完之后)

mouseup(function)

事件将在鼠标在此元素上按下之后抬起鼠标按键时触发
(事件判定顺序:mouseout->mouseup->click——对应鼠标按下->抬起->点击完成)

change(function)

事件将在输入框中用户输入的内容改变时触发

select(function)

事件将在textarea或者文本类型的input元素中的文本被选中的时候触发

blur(function)

事件将在指定元素失去焦点时触发

focus(function)

事件将在指定元素获得焦点时触发

submit(function)

事件将在表单被提交时触发,或者通过此事件来提交表单(如果我们想在用户按下提交按键后先对表单中用户填写的信息进行验证,例如验证两次输入的密码是否一致,然后再向后台提交,可以使用preventDefault()函数先阻止默认的表单提交,在验证之后再通过submit()事件进行提交)

keydown(function)

事件将在键盘按键被按下时触发

keyup(function)

事件将在键盘按键被按下后松开时触发

keypress(function)

事件将在键盘按键被按下并松开之后触发(keydown,keyup,keypress三者关系与mousedown,mouseup,click三者关系类似)

load(function)

事件将在指定元素被加载时触发,注意:还有一个函数名同样为load的jQuery关于Ajax局部刷新页面的函数,两者的调用用不同的函数参数来区分

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值