$(document).on是把事件委托到document上，$('className').on是把事件绑定到.className元素上。效率方面，直接绑定在元素上会更为高效，绑定在document上，每次document有点击动作，浏览器都会判断当前点击的对象，如果匹配，再决定要不要执行，多了一个判断的环节。但在目前开发中，JS渲染效率很高，所以此异同基本可以忽略不计。此外，针对$(document).on的触发特点，延伸一下，$("className").on为onclick绑定，只有在页面onload的时候执行一次，当页面刷新后，新加载的具有className的元素便没有事件绑定到上面了，相反$(document).on这种方法会刷新和重新赋予绑定操作，所以一定程度上更为全面。
文艺的程序猿
- 浏览: 102485 次
- 性别:
- 来自: 成都
-
最新评论
-
lujin608：
，学习了
Java String.split()用法小结 -
lx736972230：
Lambda表达式的写法： list.foreach(t -& ...
JAVA中两种for循环 -
文艺的程序猿：
somefuture 写道并非如此，第一种不会记住当前索引号， ...
JAVA中两种for循环 -
文艺的程序猿：
sunny_1976 写道需要索引号用第二种，不需要用第一种更 ...
JAVA中两种for循环 -
sunny_1976：
需要索引号用第二种，不需要用第一种更简洁
JAVA中两种for循环
相关推荐
在jQuery库中，`$`和`$.fn`都是核心组成部分，但它们有着不同的用途和功能。理解这两者的差异对于深入学习和使用jQuery至关重要。本文将详细解释`$`和`$.fn`的区别，并通过实例来帮助你更好地掌握它们。 首先，`$`...
`jQuery(document).ready()`函数是jQuery中的一个重要概念，它确保了在执行任何JavaScript代码之前，DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...
jquery.base64.js
4. **Ajax交互**：jQuery的`.ajax()`方法是进行异步数据交互的标准方式，它可以处理XMLHttpRequest的所有细节，如`$.ajax({url: "data.json", type: "GET", success: function(data) { ... }})`，用于从"data.json...
jquery.table2excel.js,一款挺好用的javascript导出插件，需要jquery-1.7.1.min.js的支持。使用方法： $(document).ready(function() { //导出excel $("#output").click(function(){ var myDate = new Date(); ...
- **$.get()** 和 **$.post()**：简化的 GET 和 POST 请求，用于快速实现数据交换。 - **$.getJSON()**：专为获取 JSON 数据设计的函数。 ### 2. 文件版本差异 - **jquery-3.2.0.js**：这是未压缩的版本，代码...
以下是一些关键的jQuery知识点： 1. **选择器**: jQuery的选择器允许你高效地选取DOM元素，如`$("#id")`选取ID为指定值的元素，`$(".class")`选取所有class为指定值的元素，`$("tag")`选取所有特定类型的元素。 2....
jQuery.onoff插件提供了一些可配置参数，允许我们自定义开关按钮的样式和行为。例如，可以通过`data-on-label`和`data-off-label`设置开关的文字提示，`data-size`设置按钮大小，`data-animate`控制动画效果等。例如...
在本文中，我们将深入探讨最新版的jQuery，即`jquery-3.2.1.min.js`，以及该版本中的一些变化。** ### 1. jQuery 3.x 版本概述 jQuery 3.x 系列是继1.x和2.x后的又一重大更新，它主要关注性能优化、API清理以及对...
总的来说，jQuery 1.11.1作为一款强大的JavaScript库，无论是在前端开发的日常工作中，还是在构建复杂交互的Web应用时，都扮演着不可或缺的角色。通过熟练掌握jQuery，开发者可以更加高效地编写出高质量的前端代码。
4. **AJAX**：jQuery的`$.ajax()`和`$.get()`、`$.post()`等函数简化了异步数据请求，让跨域请求变得容易。 5. **动画**：`.fadeIn()`, `.slideToggle()`, `.animate()`等方法让创建复杂的动画效果变得轻松。 6. *...
jquery.i18n.properties-1.0.9.js 下载
6. **Ajax**：使用`$.ajax()`, `$.get()`, `$.post()`等函数，可以轻松进行异步数据请求，实现页面无刷新更新。 7. **插件生态**：jQuery拥有庞大的插件生态系统，如Bootstrap、jQuery UI等，它们扩展了jQuery的...
qrcode包就是一个可以将字符串画出二维码的jquery包，这个里面包含了jquery1.8.3和qrcode以及jquery_qrcode包，在用的时候按照上面的顺序依次加载就可以了。调用方法qrcode()
其中，`$.fn.on()`方法的引入，取代了之前的`$.fn.bind()`, `$.fn.live()`, `$.fn.delegate()`，提供了一种统一且高效的方式来绑定事件。 7. **兼容性**：jQuery 1.7.2对老版本浏览器有着良好的支持，包括IE6/7/8等...
jquery-2.table2excels. 1、需要引入jquery.js和jquery.table2excel.min.js 2、增加绑定事件，例子: ------------------- //导出excel $("#output").click(function(){ var myDate = new Date(); $("#example")....
动画效果是jQuery的亮点，$.fn.animate()方法允许开发者创建自定义动画，而$.fn.slideToggle()、$.fn.fadeIn()、$.fn.fadeOut()等预定义的动画函数则提供了常见的过渡效果。 最后，jQuery-2.2.4.js版本中还包含了...
5. **Ajax交互**：jQuery的`$.ajax()`函数封装了XMLHttpRequest对象，提供异步数据请求。`$.get()`, `$.post()`等简化了常见的GET和POST请求。 6. **插件生态系统**：jQuery拥有庞大的插件生态系统，如jQuery UI...
`$.get()`和`$.post()`是其简化版，分别用于GET和POST请求。`$.getJSON()`则专门用于获取JSON数据。 6. **链式操作**：jQuery的所有方法都会返回jQuery对象，这使得我们可以连续调用多个方法，如`$(selector).css(...
首先，你需要在网页中引入jQuery库和jQuery.Lazyload.js文件，例如： ```html <script src="jquery.js"> <script src="jquery.lazyload.js"> ``` 然后，为需要懒加载的图片添加特定的类名（默认为`lazyload`）： ```...