jquery事件调用方式:
e lement.event(function() { alert("Hello"); });
- 鼠标事件;
- click:鼠标单击时触发;
- bdlcilck:鼠标双击时触发;
- mouseenter:鼠标进入时触发;
- mouseleave:鼠标移出事触发;
- mousemove:鼠标在DOM内部移动时触发;
- hover: 鼠标进入和退出时触发连个函数,相当于mouseenter加上mouseleave;
- 键盘事件
键盘事件仅作用在当前焦点的dom上,通常是inpuit和testarea。
- keydown:键盘按下时触发;
- keyup:键盘松开时触发;
- keypress:按一次后触发;
- 其他事件
- focus:当DOM获得焦点时触发;
- blur: 当DOM失去焦点时触发;
- change:当input,select,textarer的内容改变时触发;
- submit:当form提交时触发;
- ready:当页面被载入并且DOM树完成初始化后触发,仅作用document对象,且只触发一次,简写为$(function() {.....});
- 事件参数
有些事件,如mousemove,keypress,我们要获取鼠标位置和按键的值,,所以的事件都会传入event对象作为参数,从event对象上获取跟多的信息; - 取消绑定事件;
一个已绑定的事件可以解除绑定,通过off("click", function)
实现.如:
function hello() {
alert("hello")
};
//绑定事件
a.click(hello);
//解除绑定
setTimeOut(function() {
a.off("click", hello);
});
需要注意,以下写法是无效
a.click(funcion() {
alert("hello");
});
//解除绑定
a.off("click", function() {
alert("hello");
});
因为两匿名函数虽然长的一摸一样,但是他们是两个不同的函数对象,off("cilck", function() {....})
无法移出已绑定的第一个匿名函数;
另外,off("click")一次性移出已绑定的click事件的所有处理函数;
同理,off()没有参数的时候移出所有事件类型绑定的时间处理函数;
```.map(callback(index, domElement) {});``把每个元素通过函数传递到当前匹配的集中,生成包含返回值的新的jquery对象;需要使用get()来处理对象的到的基础数组,例:
a.map(function() {
return this.id;//获取是a对象所有id值
}).get();
网友评论