web前端：JqueryOn绑定事件方法介绍

作者:zhouxiaohei更新于： 2020-03-05 21:33:52

　　AJAX是异步的Javascript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如php网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。

　　1.简介

　　(1)On()方法在被选及子元素上添加一个或多个事件处理程序

　　(2)在jQuery版本1.7起，on()方法是bind(),live()和delegate()方法的新的替代品，该方法给API带来很多便利，简化了JQUERY代码库。

　　(3)使用on()方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)

　　2.目前了解到使用场景

　　(1)使用ajax请求数据时使用。

　　(2)对加载完页面之后的元素进行事件绑定。

　　3.注意事项

　　(1)你使用jquery追加的元素要在一个不会进行改变的父级之下，可以是DOCUMENT。

　　(2)绑定有两种方式

　　①单个事件绑定

　　1)$(“#id”).on(‘click’,function(){})把点击事件绑定到id为id的元素身上

　　2)$(“#id”).on(‘click’,’.div’,function(){})把点击事件绑定到id为id的子级元素类名为div的元素身上

　　②多事件同时绑定到一个元素上

　　③$(“.div”).on({

　　mouseover:function(){$(“body”).css(“background-color”,”red”)},

　　mouseout:function(){$(“body”).css(“background-color”,”yellow”);},

　　click:function(){$(“body”).css(“background-color”,”green”)}

　　})

　　4.案例

　　测试

　　测试_测试