本文实例分两部分对jquery刷新问题进行介绍，第一部分介绍了呢页面局部刷新；第二部分介绍了页面全部刷新第一：页面局部刷新jQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第2层是laod()、$.get()和$.post()方法，第3层是$.getScript()和$.getJSON()方法。重点分析load()方法通常用来从Web服务器上获取静态的数据文件.要传递一些参数给服务器中的页面，那么可以使用$.get()或者$.post()方法$.ajax方法load...
jQuery的宗旨是Write Less, Do More。它对JavaScript的开发风格侵入性不如YUI那么强，当然也不如Dojo和YUI如此庞大。它极大的简化了JavaScript的日常开发工作，主要是DOM元素的操作（从名字Query就可以看出）。另外一个主要工作就是每个前端开发者都需要面对的浏览器兼容性。jQuery兼容所有主流浏览器的大部分版本，从万恶的IE6开始直到Firefox，Chrome等现代浏览器。除了居于核心的一小部分代码之外，剩下的jQuery都是松散的函数，...
前言：貌似以前自己也写过图片懒加载插件，但是新公司使用的是jQuery.lazyload插件，为了更好的运用，自己还是把源码看了遍，分别记录了如何使用，插件原理，各个配置属性的完整解释，demo实例，源码分析(较简短)，源码分析可以配合使用，配置属性，原理进行阅读，如需转载，请注明出处博客园 华子yjh 一、如何使用// 最简单的使用，不带参数 $(‘img‘).lazyload();// 带参数(配置对象)，下面配置对象中的各个属性值都是默认的 $(...
jQuery.each方法是jQuery的核心工具方法之一，通用例遍方法，可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。通常需要两个参数object:需要例遍的对象或数组。callback:每个成员/元素执行的回调函数。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。例遍数组，同时使用元素索引...
如何实现一个可以拖拽的div？其实很简单，我们捋清思路，很快便能实现。首先div的拖拽，如果把div当作一件物品，我们拖拽的时候是因为手抓住了这件物品，因此我们走到哪里，东西就到了哪里。但是鼠标是没有办法抓住div的，写代码不会那么直来直去，有时候像魔术，需要使用一些障眼法，使最终看起来达到了效果。抛开过程不谈，只看结果，拖拽实现的最终效果是，鼠标到哪里，div就跟到哪里。知道了这一点，那就继续分析，这不就是位移...
上文提到，jquery的事件绑定有bind()，delegate()和one()以及live()方式。我用的jQuery2.1.3版本，live()已经被废弃了。bind()，delegate()和one()的内部源码。//7491行 bind: function( types, data, fn ) {returnthis.on( types, null, data, fn );}, //7498行 delegate: function( selector, types, data, fn ) {returnthis.on( types, selector, data, fn );}, //7474行 jQuery.each( ("blur focus focusin focusout load res...
每次看到三元表达式就会惶惶然分不清如何读，正如语文中的断句一样，jquery源码中的三元表达式更是不知如何断句。附jquery中的inArray实现。大家熟悉jquery的应该都不陌生inArray的用法。在源码实现中，先判断了arr是否存在，如果不存在，则可直接返回-1，否则进行后续判断，当存在indexOf方法时，则直接使用call来调用indexOf方法。否则继续。在jquery代码中处处体现代码构建者对于javascript的深刻理解，譬如这里对arr.length的缓...
AJAX 的出现使得网页可以通过在后台与服务器进行少量数据交换，实现网页的局部刷新。但是出于安全的考虑，ajax不允许跨域通信。如果尝试从不同的域请求数据，就会出现错误。如果能控制数据驻留的远程服务器并且每个请求都前往同一域，就可以避免这些安全错误。但是，如果仅停留在自己的服务器上，Web 应用程序还有什么用处呢？如果需要从多个第三方服务器收集数据时，又该怎么办？ 一、关于ajax跨域的思考 1、Ajax为什么不能跨...
这次学习 jQuery 源码，基于当前最新的版本，3.3.1，源码地址：jquery 先说一下LIFE函数；LIFE函数其实方法挺多的，CODE如下(function(){...})()!function foo(){...}(); +function foo(){...}(); void function() {...}();var a = function(){...}();但是在jquery中的立即执行或许比较迷惑（反正我是迷惑了）( function( global, factory ) {"use strict";if ( typeof module === "object" && typeof module.exports === "objec...
(在看以下内容之前请先对原型链有一定的了解，比如：prototype是对象还是函数？)在看jQuery的其他源码之前，必须对jQuery的数据结构有一定的了解。jQuery的核心很简单，jQuery工厂函数和jQuery对象，其他的都是各个功能模块工具函数。jQuery工厂函数主要有两个作用，生成jQuery对象和充当其他工具函数的命名空间(总不能把那些函数命名成全局函数来污染了全局变量吧)。但jQuery工厂函数不是简简单单地直接new jQuery()来生成jQuery对...
说到jQuery, 大家可能直觉的认为jQuery的源码应该就是一个jquery.xx.js这样的一个文件. 但是看到真正的源码的时候, 整个人都思密达了.jQuery的源码做的事远比你想象的多, 为了保证代码的可维护性, 健壮性, 通用性等等, jQuery将各个功能模块独立成单个的js文件, 并通过依赖管理管理模块之间的依赖关系, 在构建的时候通过这种依赖关系将各个模块合并成一个js文件, 最后经过压缩混淆等步骤才会产生我们经常用的jquery.xx.min.js文件(...
最近Dojo和jQuery双双发布了最新的1.8版本，有着相同版本号的两个Javascript库也有许多核心的相同之处：相同的资源加载机制AMD、相同的选择器 引擎Sizzle等。作为业界知名的Javascript库，Dojo和jQuery在各自领域有着为数众多的拥护者。不过正所谓一把钥匙开一把锁，对一个项目来说肯定有个最适合它的工具库，用对了工具才能事半功倍。所以对项目经理或是技术总监来说，工程开始前的技术选型是关键一步，本文将对Dojo和 jQuery最新...
jQuery 1.9.1源码分析已经完毕。目录如下jQuery-1.9.1源码分析系列（一）整体架构jQuery-1.9.1源码分析系列（一）整体架构续jQuery-1.9.1源码分析系列（二）jQuery选择器jQuery-1.9.1源码分析系列（二）jQuery选择器续1jQuery-1.9.1源码分析系列（二）jQuery选择器续2——筛选jQuery-1.9.1源码分析系列（三） Sizzle选择器引擎——词法解析jQuery-1.9.1源码分析系列（三） Sizzle选择器引擎——编译原理jQuery-1.9.1源码分析系列（...
jQuery源码分析-03构造jQuery对象-源码结构和核心函数jQuery.fn和jQuery.prototype区别 原文：http://www.cnblogs.com/littlewriter/p/6391445.html
$.when的说明描述: 提供一种方法来执行一个或多个对象的回调函数，返回这些对象的延时（Deferred）对象。 说明（结合实例和源码）： 如果你不传递任何参数， jQuery.when()将返回一个resolved（解决）状态的promise对象。 如果向jQuery.when()传入一个参数 ， 并且它不是一个Deferred或Promise对象， 那么它会被当作是一个被解决（resolved）的延迟对象，并且绑定到上面的任何 doneCallbacks 都会被立刻执行。向 doneCal...