首页专题 jquery on 原理

jquery on 原理

很多同学在进行编程学习时缺乏系统学习的资料。本页面基于jquery on 原理内容，从基础理论到综合实战，通过实用的知识类文章，标准的编程教程，丰富的视频课程，为您在jquery on 原理相关知识领域提供全面立体的资料补充。同时还包含 j2ee是什么、jar格式、java 的知识内容，欢迎查阅！

jquery on 原理相关知识

jQuery on()方法
jQuery on()方法 jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() 　　$("p").bind("click",function(){ 　　　　alert("The paragraph was clicked."); 　　}); 　　$("p").on("click",function(){ 　　　　alert("The paragraph was clicked."); 　　}); delegate() 　　$("#div1").on("click","p",function(){ 　　　　$(this).css("background-color","pink");
jquery on()事件
最近在写一个后台管理项目的时候因为on事件踩了坑，所以再项目结束之后，想总结性的谈谈jquery的on事件。on事件是在jQuery1.1之后bind()、live()和delegate()方法新的替代品。使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。语法$(selector).on(event,childSelector,data,function,map)实例$(document).ready(function(){   $("#div1").on("click",function(){     $(this).css("background-color","pink");   });  }看起来这个方法是很好用的，对于自己在js里动态添加的元素用这个方法几乎都是没什么问题的。但我们有时写网页，
jQuery的on事件学习
开发asp.net mvc程序，多少是离不开jQuery客户程序。今天Insus.NET学习jQuery的一个on事件驱动。先在网页视图放一个图片铵钮，用户可以使用mouse对这图片时行over，out或是click，根据不同的事件来更变图片src。控制器中创建一个Action: 创建视图： 建好视图之后，分别按钮上面标记1至3步骤来实现，标记1是拉一个input，type为image；标记2引用jQuery类库；标记3是实现所有事件代码。在script中，先定义好三个图片src路径：在网页加载，把原始图片也加载上去：当用户把mouse移至图片上去时over，它会更变原始图片。.on('mouseover',function(){...}当用户把mouse移开图片时out，图片切换为原来的原始图片。.on('mouseout', function () {...} 如果用户把mouse移至图片并按下mouse左键click时，我们实现再次变更图
jQuery——on事件委托
通过jQuery的on绑定事件，实现事件委托 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <style type="text/css"> #container{ width: 800px; height: 800px; background-color: gray; text-align: right; } #one{ width: 700px; height: 700px; background-color: red; } #two{ width: 600px; height: 600px; background-color: blue; } #three{ widt