jquery常用方法2

8.完善的事件处理功能

   jquery已经为我们提供了各种时间处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。

   如：$("#msg").click(function(){alert("good")}) //为元素添加了单击事件

  jquery中有几个自定义的事件：

  （1）hover(fn1,fn2):当鼠标移到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个函数时，会触发指定的第二个函数。

    //当鼠标放在表格的某行上时将class置为over,离开时置为out。

             $("tr").hover(function(){

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

             },
                 function(){

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

             });

    （2）ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

    （3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的

           第二个函数。随后的每次点击都重复对这两个函数的轮番调用。

    （4）trigger(eventtype): 在每一个匹配的元素上触发某类事件。

           例如： $("p").trigger("click"); //触发所有p元素的click事件

    （5）bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定 从每一个匹配的元素中（添加）删除绑定的事件。

           例如： $("p").bind("click", function(){alert($(this).text());}); //为每个p元素添加单击事件

                     $("p").unbind(); //删除所有p元素上的所有事件

                      $("p").unbind("click") //删除所有p元素上的单击事件

jquery主要支持以下一些事件：

1. .blur() 表单元素失去焦点。
2. .change() 表单元素的值发生变化  
3. .click() 鼠标单击  
4. .dblclick() 鼠标双击  
5. .focus() 表单元素获得焦点  
6. .focusin() 子元素获得焦点  
7. .focusout() 子元素失去焦点  
8. .hover() 同时为mouseenter和mouseleave事件指定处理函数  
9. .keydown() 按下键盘（长时间按键，只返回一个事件）  
10. .keypress() 按下键盘（长时间按键，将返回多个事件）  
11. .keyup() 松开键盘  
12. .load() 元素加载完毕  
13. .mousedown() 按下鼠标  
14. .mouseenter() 鼠标进入（进入子元素不触发）  
15. .mouseleave() 鼠标离开（离开子元素不触发）  
16. .mousemove() 鼠标在元素内部移动  
17. .mouseout() 鼠标离开（离开子元素也触发）  
18. .mouseover() 鼠标进入（进入子元素也触发）  
19. .mouseup() 松开鼠标  
20. .ready() DOM加载完成  
21. .resize() 浏览器窗口的大小发生改变  
22. .scroll() 滚动条的位置发生变化  
23. .select() 用户选中文本框中的内容  
24. .submit() 用户递交表单  
25. .toggle() 根据鼠标点击的次数，依次运行多个函数  
26. .unload()  用户离开页面

转载于:https://www.cnblogs.com/gexiaomin/p/3158733.html