jquery on绑定

jquery on绑定相关知识

• jquery使用on绑定事件的高级方法

  $(doucment).on("click",".main",function(){}//当页面中需要对发送ajax成功后生成的元素绑定事件时；就需要用到jquery的on方法来绑定事件；因为用这样的事件代理的方法；可以吧事件对象的事件代理到document上；这样就可以通过document来找到你要绑定的元素的对象上；
• jquery绑定未来新创建函数的方法on

  对于页面动态新创建的元素，可以使用jquery的on函数进行绑定，使得未来的元素也能继承某些原始定义的方法，比如： $("#js-fb-list").on("click",".cancel-btn",function(){ ... }); 这里绑定了$("#js-fb-list")下的$(".cancel-btn")这个类的所有元素，包括页面已经存在的和未创建的dom
• Jquery绑定事件

  jquery中用on来绑定事件，经常的写法有$(document).on('click','.classname',function(){});$('.classname').on('click',function(){});上面两种都是给类是classname的元素添加了click事件等同于bind()
• jQuery事件绑定和委托实例

  这篇文章主要介绍了jQuery事件绑定和委托,以实例形式分析了jQuery事件绑定和委托中on()、bind()、live()、delegate()的用法,具有一定的学习与借鉴价值,需要的朋友可以参考下 本文实例讲述了jQuery事件绑定和委托。分享给大家供大家参考。具体方法如下： jQuery事件的绑定和委托可以用多种方法实现，on() 、 bind() 、 live() 、 delegate() ，还有one()。 有时我们可能会像下面这样绑定一个事件： 复制代码 代码如下: $("#div1").click(function() { alert("点击后触发"); });

jquery on绑定相关课程

• Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战 从Vue基础语法入手，逐层递进，实战项目贴近企业流程，完全按照企业级别代码质量和工程开发流程进行授课，让你理解这套技术在企业中被使用的真实流程，更好的掌握Vue各个基础知识点。

  讲师：Dell 中级 10122人正在学习

• LoadRunner性能测试实战训练营 全流程掌握性能测试 课程从基础到真实项目实战，全面系统带你学习性能测试，让你完全掌握性能测试的全流程、主流工具（ LoadRunnner）使用、测试脚本开发、场景设计以及测试结果分析，让你学会如何在真实项目中进行性能测试，以及如何对结果进行分析与调优。

  讲师：风落几番 中级 781人正在学习

• Angular 8开发拼多多webapp 从基础到项目实战 火爆的项目，酣畅的实战，带你收获满满的干货，你会发现，其实Angular并不是像传闻说的那样“很难”，相反，你会发现Angular的很多思想是非常领先的，课程会从基础开始，为你呈现一个完整的Angular 学习路径。

  讲师：接灰的电子产品 中级 1159人正在学习

jquery on绑定相关教程

• 4. v-on 事件绑定属性 我们用 v-on 来进行 HTML 事件绑定，事件函数定义在 methods 中，v-on: 可以省略写为 @。实例：<template> <view> <!-- 完整语法 --> <button v-on:click="showName()">点我显示名字</button> <!-- 简写 --> <button @click="showName()">点我显示名字</button> </view></template><script> export default{ methods: { showName () { console.log("我是imooc") } } }</script>
• 3.7 v-on 有时候，我们需要给元素绑定事件，vue 中提供了指令 v-on 来进行事件的绑定。用法：v-on:事件名="方法"，例如：v-on：click=“alert”。560代码解释：在 HTML 代码第 2 行，我们给按钮定义来点击事件，并在点击的时候触发 methods 中的 hello 方法。和v-bind一样vue同样给v-on提供了简写方式，只需要通过@事件类型的方式就可以了。例如：@click="hello"。当然，v-on不仅只有click一种事件，还有 v-on:keyup.enter、v-on:keyup.page-down、v-on:submit等。更多用法我们在接下来的章节中继续深入。
• 1. 什么是 jQuery jQuery 是一个使用 JavaScript 编写的库，可以让开发者用更少的代码来完成业务逻辑。许多年前前端的技术没有现在这么丰富，jQuery 和 JavaScript 也会被经常称为两个技术，因为使用 jQuery 完全可以替代掉使用原生的 JavaScript 操作 DOM、处理动画、处理 AJAX 等，这让两者之间的概念变得模糊。可以对比一下删除一个节点的操作：// 使用JavaScriptvar el = document.getElementById('element');el.parentNode.removeChild(el);// 使用 jQuery$('#element').remove();两者的区别一比较就出来了，jQuery 封装一层 DOM 操作，将原生的 DOM 方法向上层抽象，提供了一套更简洁的 API 来操作 DOM，同时也针对各个浏览器做了兼容性处理，如事件对象、事件的绑定方式等。
• 3. 使用 element.addEventListener 绑定事件 使用 DOM 节点的 addEventListener 方法也可以绑定事件。354addEventListener 的第一个参数是事件类型，和使用事件处理器属性与HTML内联事件不同，这个方法的事件类型不需要 on 前缀。第二个参数就是事件处理器，即触发事件时要做的事情。使用 addEventListener 可以绑定多个事件处理器。355一个事件绑定多个事件处理器，其执行顺序是按照绑定顺序来的。如果需要去除事件，可以使用 removeEventListener 方法。356使用 removeEventListener 去除事件，需要传递指定的事件，且事件处理器必须与绑定事件传入的一样，为同一个。addEventListener 与 removeEventListener 还具有第三个参数，会在事件流章节进行讨论。IE8及以下都不支持该方法，需要使用IE提供的 attachEvent 与 detachEvent 来处理事件
• jQuery jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.(jQuery 官方介绍)
• 3.2 通过 methods 实现事件函数绑定 在上面的例子中，我们把事件处理函数直接写在模板中，然而许多事件处理的逻辑都很复杂，所以直接把JS代码写在 v-on 指令中有时并不可行，v-on 指令可以接收一个定义的方法来调用。示例如下：584代码解释：在 html 第 3 行，我们使用 v-on 指令给 button 元素绑定来一个 click 事件，并在点击的时候执行 add 方法。在 JS 代码第 9-11 行，我们定义了方法 add；触发该方法时给 count + 1。

jquery on绑定相关搜索

j2ee j2ee是什么 jar格式 java java api java applet java c java jdk java list java map java script java se java socket java swing java switch java web java xml java 程序设计 java 多线程 java 环境变量

查看更多慕课网实用课程