其短小精悍，使用简单方便，性能高效，能极大地提高开发效率，是开发Web应用的最佳的辅助工具之一。因此大部分开发者在抛弃Prototype而选择jQuery来进行Web开发。 一些开发人员在使用jQuery时，由于仅仅只知道jQuery文档中的使用方法，不明白jQuery的运行原理，时常会碰到许多的问题。这些问题大部分是使用不当而产生，极少数是jQuery的Bug。如果不明白其运行机理和核心源码，我们也很难写出基于jQuery类库的高性能的程序出来。 在...
jQuery脚本总体结构来说，有如下形式： 代码如下:(function( window, undefined ) { // Define a local copy of jQueryvar jQuery = function( selector, context ) { // The jQuery object is actually just the init constructor enhanced return new jQuery.fn.init( selector, context ); }, // Expose jQuery to the global objectwindow.jQuery = window.$ = jQuery; })(window); 对这样的结构不很理解，也没做深究，只知道...
我们先来简单回顾下HTML源代码（test2.htm）： 代码如下:<html> <head> <title></title> <script src="js/jquery-1.4.4.js" type="text/javascript"></script> <script> $(function(){ $(#container).html(<script src="./service.ashx?file=js/jquery-ui.js&delay=2000" type="text\/javascript"><\/script> + <script>alert(typeof(jQuery.ui));<\/script>); }); </script> </head> <body> <div id="container"> </div> </body>...
查看下之前写的代码，有许多这样的代码： 代码如下:$(function(){ //do something. }); 这里面可能写一些初始化样式、给其他dom元素附加事件处理等。刚开始没发现什么问题，但是在页面引用了一些下载缓慢的图片时，问题出现了：在页面html下载完，到所有资源全部下载完之间，绑定dom元素上绑定的事件无法执行、用脚本绑定的样式无效等混乱情况，也就是ready么有执行。 Ok，我的情况比较特殊，可能这个情况对于大部分同学是不可能...
首先看看英文解释吧： children方法：find方法：通过以上的解释，可以总结如下： 1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。 2：children方法获得的仅仅是元素一下级的子元素，即：immediate children。 3：find方法获得所有下级元素，即：descendants of these elements in the DOM tree 4：children方法的参数selector 是可选的（optionally），用来过...
这个1.5版本最大的更新是AJAX的完全重写，提供了更强的可扩展性。但是受制于精力和篇幅，对新的AJAX的分析还是放到下回，本篇先简单介绍一下细节方面的改进。 jQuery._Deferred和jQuery.Deferred 首先不得不说这两个新生事物，因为他们是作为基础设施存在，不把这两个东西讲明白了，有些问题根本没办法解释。 首先，jQuery.Deferred是jQuery._Deferred的增强版，因此对于这个问题，从jQuery._Deferred入手，就能说明一大半的问题。...
前言 懒加载技术(简称lazyload)并不是新技术，它是js程序员对网页性能优化的一种方案。lazyload的核心是按需加载。在大型网站中都有lazyload的身影，例如谷歌的图片搜索页，迅雷首页，淘宝网，QQ空间等。因此掌握lazyload技术是个不错的选择，可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。 lazyload在什么场合中应用比较合适? 涉及到图片，falsh资源，iframe，网页编辑器(类似F...
isPlainObject是Jquery1.4后提供的新方法,用于判断对象是否是纯粹的对象（通过 "{}" 或者 "new Object" 创建的）。 使用isPlainObject 首先我们来了解一下什么叫纯粹的对象，简单的理解纯粹的对象指的就是由Object构造出来的对象。那哪些对象是由Object构造出来的呢。首当其充的肯定是由new Object()所构造出来的对象，注意：在Object后的括号里可没加任何东西。因为Object是所有类的根基，因此它有一些特殊的行为,如当调用new...
Examples 下面是PHP中生成的表页： 代码如下:<p><a href="<?= $this->url(array(controller=>contact, action=>add));?>">Add new Contact</a></p> <table class="contactTable" id="contactTable"> <thead> <tr> <th class="sortable">Contact</th> <th class="sortable">Address</th> <th class="sortable">Phone Number</th> <th class="sortable">Email</th> <th> </th> </tr> </thead> <tbody> <?php foreach($this->contact...
对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。一般lib都会对浏览器的提供的函数做一些扩展，解决兼容性内存泄漏等问题。第三个问题就是如何得到domReady的状态。 6.1 event的包裹 浏览器的事件兼容性是一个令人头疼的问题。IE的event在是在全局的window下， 而mozilla的event是事件源参数传入到回调函数中。还有很多的事件处理方式也一样。 Jquery提供了一个 event的包裹，这个相对于其它的li...
但javascript我是经常要用，所以是要懂这里面的概念。 其实javascript里的闭包概念很简单，就是函数用到外部变量，不需要传参就可以获取。 举个例子： 代码如下:<script> var sMessage = "Hello world"; function sayHello(){ alert(sMessage); } sayHello(); addNumber(1,2); var iBaseNum = 10; function addNumber(iNum1, iNum2) { function doAddition() { alert(iNum1 + iNum2 + iBaseNum); } return doAddition(); } functi...
一、Ajax所有过程事件分析 JQuery在执行Ajax的过程中会触发很多事件。 这些事件可以分为两种事件，一种是局部事件(Local)，一种是全局事件(Global)。 局部事件：可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件，则可以设置global:false。 全局事件：跟click等事件类似,可以绑定到到每一个DOM元素上。 这些事件的按照事件的触发顺序如下介绍： 局部事件(Local) 全局事件(Global)ajaxStart 全局事件开始新...
但在这个模型中，由于不能利用这些控件，我们需要借助纯Javascript和html静态代码来实现，感觉好像挺麻烦的？其实呢......分页代码既然由Webservice接口服务端中间层处理好回传回来，那么我们的排序代码也可以这样的，只是在回传前进行排序就ok了，下面就分析一下。 看过上篇的文章，可以知道在Webservice接口服务端中间层处理数据是操纵泛型的List对象 代码 代码如下:List<TB_WEB_NZ_INVESTMENT> list = new List<TB_WEB_NZ_...
$(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里. 对于Body的Onload事件和JQuery的Ready方法相比，有很多弊端.比如: 1.加载多个函数的问题 <body onload="a();b();"> </body> 在Onload事件中只能这样加载，很丑陋…而在JQuery中你可以利用多个JQuery.Ready()方法，它们会按次序依次执行 2....
今天重点一个toggle(fn,fn,….)函数,主要是用来切换某个事件的轮换操作。 比如：对一个按钮的点击事件和一个DIV的背景，点击一次按钮，将DIV的背景显示为蓝色，点击第二次的时候要将DIV的 背景色改为黑色。 我们定义的HTML代码如下： <body> <input type="button" id="btnShow" value="Toggle"/> <div id="DivToggle">此处显示 id "DivToggle" 的内容</div> </body> 定义的最初的样式如下： 代码如下:#DivToggle { height: 150px;...