jquery事件

jquery事件调用方式:
e lement.event(function() { alert("Hello"); });

  1. 鼠标事件;
  • click:鼠标单击时触发;
  • bdlcilck:鼠标双击时触发;
  • mouseenter:鼠标进入时触发;
  • mouseleave:鼠标移出事触发;
  • mousemove:鼠标在DOM内部移动时触发;
  • hover: 鼠标进入和退出时触发连个函数,相当于mouseenter加上mouseleave;
  1. 键盘事件
    键盘事件仅作用在当前焦点的dom上,通常是inpuit和testarea。
  • keydown:键盘按下时触发;
  • keyup:键盘松开时触发;
  • keypress:按一次后触发;
  1. 其他事件
  • focus:当DOM获得焦点时触发;
  • blur: 当DOM失去焦点时触发;
  • change:当input,select,textarer的内容改变时触发;
  • submit:当form提交时触发;
  • ready:当页面被载入并且DOM树完成初始化后触发,仅作用document对象,且只触发一次,简写为$(function() {.....});
  1. 事件参数
    有些事件,如mousemove,keypress,我们要获取鼠标位置和按键的值,,所以的事件都会传入event对象作为参数,从event对象上获取跟多的信息;
  2. 取消绑定事件;
    一个已绑定的事件可以解除绑定,通过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();

你可能感兴趣的:(jquery事件)