学习jQuery插件开发
前言:学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果想要将自己能力提升一个台阶,编写一个属于自己的插件,或许是一个不错的选择。我们首先来了解下： jQuery插件的开发模式软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能更好地组织我们的代码,并且从这些前人总结出来的模式中学到很多好的实践。根据《jQuery高级编程》的描述,jQuery插件开发方式主要有三种:1、通过$.extend()来扩展jQuery2、通过$.fn 向jQuery添加新的方法3、通过$.widget()应用jQuery UI的部件工厂方式创建通常我们使用第二种方法来进行简单插件开发,说简单是相对于第三种方式。第三种方式是用来开发更高级jQuery部件的,该模式开发出来的部件带有很多jQuery内建的特性,比如插件的状态信息自动保存,各种关于插件的常用方法等,非常贴心,这里不细说。而第一种方式又太简单,仅仅是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法而以。所以我们调用通过$.extend()添加的函数时直接通过$符号调用($.myfunction())而不需要选中DOM元素($('#example').myfunction())。请看下面的例子。$.extend({
&&&&sayHello:&function(name)&{
&&&&&&&&console.log('Hello,'&+&(name&?&name&:&'Dude')&+&'!');
$.sayHello();&//调用
$.sayHello('Wayou');&//带参调用运行结果：上面代码中,通过$.extend()向jQuery添加了一个sayHello函数,然后通过$直接调用。到此你可以认为我们已经完成了一个简单的jQuery插件了。但如你所见,这种方式用来定义一些辅助方法是比较方便的。一、基本版本插件（1）插件编写语法（格式）$.fn.myPlugin&=&function()&{
&&&&//具体代码&&&&
$(&元素&）.myPlugin();&//调用编写的插件，类似于jquery一样。通过上面的代码，不难发现，插件的写法基本上就是往$.fn上面添加一个方法,插件的名字是我们自己命名的，然后我们的插件代码在这个方法里面展开。比如我们将页面上所有链接颜色转成红色,则可以这样写这个插件:$.fn.myPlugin&=&function()&{
&&&&this.css('color',&'red');
&&&&&//在这里面,this指的是用jQuery选中的元素
&&&&//比如&:$('a'),则this=$(a')
}在插件名字定义的这个函数内部,this指代的是我们在调用该插件时,用jQuery选择器选中的元素,一般是一个jQuery类型的集合。比如$('a')返回的是页面上所有a标签的集合,且这个集合已经是jQuery包装类型了,也就是说,在对其进行操作的时候可以直接调用jQuery的其他方法而不需要再用美元符号来包装一下。所以在上面插件代码中,我们在this身上调用jQuery的css()方法,也就相当于在调用 $('a').css()。理解this在这个地方的含义很重要。这样你才知道为什么可以直接商用jQuery方法同时在其他地方this指代不同时我们又需要用jQuery重新包装才能调用,下面会讲到。初学容易被this的值整晕,但理解了就不难。现在就可以去页面试试我们的代码了,在页面上放几个链接,调用插件后链接字体变成红色。&ul&
&a&href=&/liuwayong&&我的微博&/a&
&a&href=&http:///Wayou/&&我的博客&/a&
&a&href=&/&&我的小站&/a&
&p&这是p标签不是a标签,我不会受影响&/p&
&script&src=&jquery-1.11.0.min.js&&&/script&
&script&src=&jquery.myplugin.js&&&/script&
&script&type=&text/javascript&&
&&&&$(function(){
$('a').myPlugin();
&/script&运行结果如下图：下面进一步,在插件代码里处理每个具体的元素,而不是对一个集合进行处理,这样我们就可以针对每个元素进行相应操作。我们已经知道this指代jQuery选择器返回的集合,那么通过调用jQuery的.each()方法就可以处理合集中的每个元素了,但此刻要注意的是,在each方法内部,this指带的是普通的DOM元素了,如果需要调用jQuery的方法那就需要用$来重新包装一下。比如现在我们要在每个链接显示链接的真实地址,首先通过each遍历所有a标签,然后获取href属性的值再加到链接文本后面。更改后我们的插件代码为:$.fn.myPlugin&=&function()&{
&&&&//在这里面,this指的是用jQuery选中的元素
&&&&this.css('color',&'red');
&&&&this.each(function()&{
&&&&&&&&//对每个元素进行操作
&&&&&&&&$(this).append('&'&+&$(this).attr('href'));
&}到此,你已经可以编写功能简单的jQuery插件了。是不是也没那么难。下面开始jQuery插件编写中一个重要的部分,参数的接收。（2）让插件变得强大（添加参数)一个强劲的插件是可以让使用者随意定制的,这要求我们提供在编写插件时就要考虑得全面些,尽量提供合适的参数。比如：现在我们不想让链接只变成红色,我们让插件的使用者自己定义显示什么颜色,要做到这一点很方便,只需要使用者在调用的时候传入一个参数即可。同时我们在插件的代码里面接收。另一方面,为了灵活,使用者可以不传递参数,插件里面会给出参数的默认值。在处理插件参数的接收上,通常使用jQuery的extend方法,上面也提到过,但那是给extend方法传递单个对象的情况下,这个对象会合并到jQuery身上,所以我们就可以在jQuery身上调用新合并对象里包含的方法了。当给extend方法传递一个以上的参数时,它会将所有参数对象合并到第一个里。同时,如果对象中有同名属性时,合并的时候后面的会覆盖前面的。利用这一点,我们可以在插件里定义一个保存插件参数默认值的对象,同时将接收来的参数对象合并到默认对象上,最后就实现了用户指定了值的参数使用指定的值,未指定的参数使用插件默认值。为了演示方便,再指定一个参数fontSize,允许调用插件的时候设置字体大小。$.fn.myPlugin&=&function(options)&{
&&&&var&defaults&=&{
&&&&&&&&'color':&'red',
&&&&&&&&'fontSize':&'12px'
&&&&var&settings&=&$.extend(defaults,&options);//默认参数与用户设置的参数进行合并
&&&&return&this.css({
&&&&&&&&'color':&settings.color,
&&&&&&&&'fontSize':&settings.fontSize
}现在,我们调用的时候指定颜色,字体大小未指定,会运用插件里的默认值12px。$('a').myPlugin({
&&&&'color':&'#2C9929'
});运行结果：保护好默认参数注意到上面代码调用extend时会将defaults的值改变,这样不好,因为它作为插件因有的一些东西应该维持原样,另外就是如果你在后续代码中还要使用这些默认值的话,当你再次访问它时它已经被用户传进来的参数更改了。一个好的做法是将一个新的空对象做为$.extend的第一个参数,defaults和用户传递的参数对象紧随其后,这样做的好处是所有值被合并到这个空对象上,保护了插件里面的默认值。$.fn.myPlugin&=&function(options)&{
&&&&var&defaults&=&{
&&&&&&&&'color':&'red',
&&&&&&&&'fontSize':&'12px'
&&&&var&settings&=&$.extend({},defaults,&options);//将一个空对象做为第一个参数，后面的参数，全部合在一个对象里面。
&&&&return&this.css({
&&&&&&&&'color':&settings.color,
&&&&&&&&'fontSize':&settings.fontSize
&}到此,插件可以接收和处理参数后,就可以编写出更健壮而灵活的插件了。若要编写一个复杂的插件,代码量会很大,如何组织代码就成了一个需要面临的问题,没有一个好的方式来组织这些代码,整体感觉会杂乱无章,同时也不好维护,所以将插件的所有方法属性包装到一个对象上,用面向对象的思维来进行开发,无疑会使工作轻松很多。二、面向对象版本插件为什么要有面向对象的思维,因为如果不这样,你可能需要一个方法的时候就去定义一个function,当需要另外一个方法的时候,再去随便定义一个function,同样,需要一个变量的时候,毫无规则地定义一些散落在代码各处的变量。还是老问题,不方便维护,也不够清晰。当然,这些问题在代码规模较小时是体现不出来的。如果将需要的重要变量定义到对象的属性上,函数变成对象的方法,当我们需要的时候通过对象来获取,一来方便管理,二来不会影响外部命名空间,因为所有这些变量名还有方法名都是在对象内部。接着上面的例子,我们可以把这个插件抽象成一个美化页面的对象,因为他的功能是设置颜色啊字体啊什么的,当然我们还可以加入其他功能比如设置下划线啊什么的。当然对于这个例子抽象成对象有点小题大做,这里仅作演示用。所以我们新建一个对象命名为Beautifier,然后我们在插件里使用这个对象来编码。//定义Beautifier的构造函数
var&Beautifier&=&function(ele,&opt)&{
&&&&this.$element&=&ele,
&&&&this.defaults&=&{
&&&&&&&&'color':&'red',
&&&&&&&&'fontSize':&'12px',
&&&&&&&&'textDecoration':'none'
&&&&this.options&=&$.extend({},&this.defaults,&opt)
//定义Beautifier的方法Beautifier.prototype&=&{
&&&&beautify:&function()&{
&&&&&&&&return&this.$element.css({
&&&&&&&&&&&&'color':&this.options.color,
&&&&&&&&&&&&'fontSize':&this.options.fontSize,
&&&&&&&&&&&&'textDecoration':&this.options.textDecoration
&&&&&&&&});
//在插件中使用Beautifier对象
$.fn.myPlugin&=&function(options)&{
&&&&//创建Beautifier的实体
&&&&var&beautifier&=&new&Beautifier(this,&options);
&&&&//调用其方法&&&&
&&&&return&beautifier.beautify();
}通过上面这样一改造,我们的代码变得更面向对象了,也更好维护和理解,以后要加新功能新方法,只需向对象添加新变量及方法即可,然后在插件里实例化后即可调用新添加的东西。插件的调用还是一样的,我们对代码的改动并不影响插件其他地方,只是将代码的组织结构改动了而以。$(function()&{
&&&&$('a').myPlugin({
&&&&&&&&'color':&'#2C9929',
&&&&&&&&'fontSize':&'20px'
});三、需要注意的几点1、关于命名空间不仅仅是jQuery插件的开发,我们在写任何JS代码时都应该注意的一点是不要污染全局命名空间。因为随着你代码的增多,如果有意无意在全局范围内定义一些变量的话,最后很难维护,也容易跟别人写的代码有冲突。比如：你在代码中向全局window对象添加了一个变量status用于存放状态,同时页面中引用了另一个别人写的库,也向全局添加了这样一个同名变量,最后的结果肯定不是你想要的。所以不到万不得已,一般我们不会将变量定义成全局的。一个好的做法是始终用自调用匿名函数包裹你的代码,这样就可以完全放心,安全地将它用于任何地方了,绝对没有冲突。用自调用匿名函数包裹你的代码我们知道JavaScript中无法用花括号方便地创建作用域,但函数却可以形成一个作用域,域内的代码是无法被外界访问的。如果我们将自己的代码放入一个函数中,那么就不会污染全局命名空间,同时不会和别的代码冲突。如上面我们定义了一个Beautifier全局变量,它会被附到全局的window对象上,为了防止这种事情发生,你或许会说,把所有代码放到jQuery的插件定义代码里面去啊,也就是放到$.fn.myPlugin里面。这样做倒也是种选择。但会让我们实际跟插件定义有关的代码变得臃肿,而在$.fn.myPlugin里面我们其实应该更专注于插件的调用,以及如何与jQuery互动。所以保持原来的代码不变,我们将所有代码用自调用匿名函数包裹。(function()&{
&&&&//定义Beautifier的构造函数
&&&&var&Beautifier&=&function(ele,&opt)&{
&&&&&&&&this.$element&=&ele,
&&&&&&&&this.defaults&=&{
&&&&&&&&&&&&'color':&'red',
&&&&&&&&&&&&'fontSize':&'12px',
&&&&&&&&&&&&'textDecoration':&'none'
&&&&&&&&},
&&&&&&&&this.options&=&$.extend({},&this.defaults,&opt)
&&&&//定义Beautifier的方法
&&&&Beautifier.prototype&=&{
&&&&&&&&beautify:&function()&{
&&&&&&&&&&&&return&this.$element.css({
&&&&&&&&&&&&&&&&'color':&this.options.color,
&&&&&&&&&&&&&&&&'fontSize':&this.options.fontSize,
&&&&&&&&&&&&&&&&'textDecoration':&this.options.textDecoration
&&&&&&&&&&&&});
&&&&//在插件中使用Beautifier对象
&&&&$.fn.myPlugin&=&function(options)&{
&&&&&&&&//创建Beautifier的实体
&&&&&&&&var&beautifier&=&new&Beautifier(this,&options);
&&&&&&&&//调用其方法
&&&&&&&&return&beautifier.beautify();
&})();这样做的好处：也就是上面所阐述的那样。另外还有一个好处就是,自调用匿名函数里面的代码会在第一时间执行,页面准备好过后,上面的代码就将插件准备好了,以方便在后面的代码中使用插件。目前为止似乎接近完美了，如果再考虑到其他一些因素。比如：我们将这段代码放到页面后,前面别人写的代码没有用分号结尾,或者前面的代码将window, undefined等这些系统变量或者关键字修改掉了,正好我们又在自己的代码里面进行了使用,那结果也是不可预测的,这不是 我们想要的。我知道其实你还没太明白,下面详细介绍。来看下面的代码,你猜他会出现什么结果?var&foo=function(){
&&&&//别人的代码
&&&&}//注意这里没有用分号结尾
//开始我们的代码。。。
(function(){
&&&//我们的代码。。
&&&alert('Hello!');
&})();本来别人的代码也正常工作,只是最后定义的那个函数没有用分号结尾而以,然后当页面中引入我们的插件时,报错了,我们的代码无法正常执行。原因是我们用来充当自调用匿名函数的第一对括号与上面别人定义的函数相连,因为中间没有分号嘛,总之我们的代码无法正常解析了,所以报错。所以好的做法是我们在代码开头加一个分号,这在任何时候都是一个好的习惯。var&foo=function(){
&&&&&&&&//别人的代码
&&&&}//注意这里没有用分号结尾
&&&&//开始我们的代码。。。
&&&&;(function(){
&&&&&&&&//我们的代码。。
&&&&&&&&alert('Hello!');
&&&&})();同时,将系统变量以参数形式传递到插件内部也是个不错的实践。当我们这样做之后,window等系统变量在插件内部就有了一个局部的引用,可以提高访问速度,会有些许性能的提升最后我们得到一个非常安全结构良好的代码:;(function($,window,document,undefined){
&&&&//我们的代码。。
&&})(jQuery,window,document);而至于这个undefined,稍微有意思一点,为了得到没有被修改的undefined,我们并没有传递这个参数,但却在接收时接收了它,因为实际并没有传,所以‘undefined’那个位置接收到的就是真实的'undefined'了。是不是有点hack的味道,值得细细体会的技术,当然不是我发明的,都是从前人的经验中学习。所以最后我们的插件成了这样:;(function($,&window,&document,undefined)&{
&&&&//定义Beautifier的构造函数
&&&&var&Beautifier&=&function(ele,&opt)&{
&&&&&&&&this.$element&=&ele,
&&&&&&&&this.defaults&=&{
&&&&&&&&&&&&'color':&'red',
&&&&&&&&&&&&'fontSize':&'12px',
&&&&&&&&&&&&'textDecoration':&'none'
&&&&&&&&},
&&&&&&&&this.options&=&$.extend({},&this.defaults,&opt)
&&&&//定义Beautifier的方法
&&&&Beautifier.prototype&=&{
&&&&&&&&beautify:&function()&{
&&&&&&&&&&&&return&this.$element.css({
&&&&&&&&&&&&&&&&'color':&this.options.color,
&&&&&&&&&&&&&&&&'fontSize':&this.options.fontSize,
&&&&&&&&&&&&&&&&'textDecoration':&this.options.textDecoration
&&&&&&&&&&&&});
&&&&//在插件中使用Beautifier对象
&&&&$.fn.myPlugin&=&function(options)&{
&&&&&&&&//创建Beautifier的实体
&&&&&&&&var&beautifier&=&new&Beautifier(this,&options);
&&&&&&&&//调用其方法
&&&&&&&&return&beautifier.beautify();
&})(jQuery,&window,&document);一个安全,结构良好,组织有序的插件编写完成。2、关于变量定义及命名现在谈谈关于变量及方法等的命名,没有硬性规定,但为了规范,遵循一些约定还是很有必要的。变量定义:好的做法是把将要使用的变量名用一个var关键字一并定义在代码开头,变量名间用逗号隔开。原因有两点：一、是便于理解,知道下面的代码会用到哪些变量,同时代码显得整洁且有规律,也方便管理,变量定义与逻辑代码分开。二、是因为JavaScript中所有变量及函数名会自动提升,也称之为JavaScript的Hoist特性,即使你将变量的定义穿插在逻辑代码中,在代码解析运行期间,这些变量的声明还是被提升到了当前作用域最顶端的,所以我们将变量定义在一个作用域的开头是更符合逻辑的一种做法。当然,再次说明这只是一种约定,不是必需的。变量及函数命名&（1）一般使用驼峰命名法(CamelCase),即首个单词的首字母小写,后面单词首字母大写。比如：resultArray,requestAnimationFrame。（2）对于常量,所有字母采用大写,多个单词用下划线隔开。比如：WIDTH=100,BRUSH_COLOR='#00ff00'。（3）当变量是jQuery类型时,建议以$开头,开始会不习惯,但经常用了之后会感觉很方便。因为可以很方便地将它与普通变量区别开来,一看到以$开头我们就知道它是jQuery类型可以直接在其身上调用jQuery相关的方法。比如：var $element=$('a'); 之后就可以在后面的代码中很方便地使用它,并且与其他变量容易区分开来。引号的使用:既然都扯了这些与插件主题无关的了,这里再多说一句,一般HTML代码里面使用双引号,而在JavaScript中多用单引号,比如下面代码所示:var&name&=&'Wayou';document.getElementById(‘example’);
&name.innerHTML&=&'&&a&href=&http:&///&&'+name+'';&//href=&..&&HTML中保持双引号,JavaScript中保持单引号一方面,HTML代码中本来就使用的是双引号,另一方面,在JavaScript中引号中还需要引号的时候,要求我们单双引号间隔着写才是合法的语句,除非你使用转意符(&\&)那也是可以的。再者,坚持这样的统一可以保持代码风格的一致,不会出现这里字符串用双引号包着,另外的地方就在用单引号。本文地址：原文出处：/Wayou/p/jquery_plugin_tutorial.html
如果您觉得文章对你有帮助，可以进行打赏。
打赏多少，您高兴就行，谢谢您对段亮这小子的支持！ ~(@^_^@)~
微信扫一扫
支付宝扫一扫
把此文章分享给其它人..
或许你还喜欢以下内容:
你也想建立一个独立博客？&& 经常有学员在抱怨现在前端技术
&1、更新太快，完全来不及学。
&2、javascript太难学。（抗拒学习的同学很多哦）
&3、已有部分同学放弃了前端
& 今天我们就对javascript太难学做一点简单的分析
& 经过我对上述同学的调查取样和”尸检”，发现了这样一个现象。
& 很多同学一听javascript. 立刻大脑中浮现出
&& 1、document.getElementById(“xxx”).value=”xxxxx”;
&& 2、alert(“xxx”);
&& 3、window.open(xxx)
&& 殊不知，以上代码包含了两部分
&& 1、javascript的语法（也就是我们常听到的ECMAScript）
&& 2、浏览器中DOM对象的操作
&& 其实很多同学反反复复的在学习DOM操作，尤其是配合jQuery后完全觉得自己很精通javascript了。然而，最精髓的ECMAScript根本没有去学通
&& 如果你还是不明白我们以java为例，我们学习java怎么学的？
&& 1、首先要学习语法。如数据类型、对象和类、运算符、循环结构
&&&& 那么ECMAScript也好比是这些。比如AO链、闭包、对象。这些你都学了吗？
&& 2、语法学完后，你肯定会写个java的hello world。那么你肯定会用控制台程序来写个hello world。当然，java程序要编译。而PHP这样的不需要编译，直接解释运行。
&&&& 你以为javascript不能？人家一样能，譬如著名的google v8引擎或者耳熟能详的Node.js来解释运行 ，都可以妥妥的在控制台输出hello world。
&& 3、那么接下来我们可能要用 java来做个网站了，我们这时才会去使用一些类库和框架.大家要知道，这些类库和框架除了官方提供的，还有很多是第三方提供的，譬如spring。而且还得借助一些平台，譬如tomcat。
&&&& 那么js也一样哦。光有语法和基本数据类型有卵用？做个计算器？其实肯定要借助一些平台，譬如浏览器。而浏览器里面有丰富的DOM对象(譬如你的document、windows)和BOM对象(譬如xmlhttprequest)
&& 问题就出在这第三步，由于javascript在浏览器上应用的太他妈广泛了。导致很多同学认为
&& 1、js必须在浏览器上才能运行
&& 2、js就只要知道怎么操作文本框、按钮，加加事件就可以了。
&& 3、js就是用来做特效的。
&& 4、只需要会jQuery就行了。不需要会原生JS
&& 前端的变化
&& 自从Node.js的产生，确实推动和颠覆了前端开发的整体格局。于是像类似这样的框架产生后，导致很多同学完全看不懂了。再者譬如微信小程序公测后，有些同学已经云里雾里了,如疑问：为啥无法alert？为啥不能用document?。（答案很简单，其实你 javascript根本没学）
&&& 就像学习java一样。我们首先要学精通的是js的语法标准部分，也就是ECMAScript ，目前ES2015已经很流行了。如果你不会，可就要抓紧了。
&&& 就像学习PHP一样。我们总不能光学PHP的一些第三方扩展库和怎么运行在apache上吧。既然你知道学PHP首先要学语法，那么为啥学javascript不肯学语法？
&& 同样就像学习PHP一样。PHP的版本从4.x升级到7.x了。那么亲是否以为javascript版本从来没变化过？（ES2015之前是啥？只不过浏览器帮我们做了无缝升级体验而已），既然你知道学PHP要开始学7了，那么ES2015是否也要开始学了呢？
& 以上为一些小建议，希望大家从现在开始努力和正确的学习吧~~~~
& (PS：由于之前推出了，在学员的要求下，即将开设javascript版本的魔鬼训练课，敬请期待吧)前端开发需要学什么？难吗？
前端开发需要学什么？难吗？
在互联网的大趋势下，Web前端的就业前景非常的广阔，但难度相较于技术型的Java来说，会容易很多。因此，很多对编程感兴趣的人都想要学习web 前端，那么，前端开发需要学什么？难吗？
前端开发的学习适合小白级别的人员，不需要任何基础都可以开始学习，并且不需要多么高超的计算机操作能力，在前期，前端开发需要学什么？在前期，前端开发需要学习的是html、css、js、jQuery，这几个部分就是前端学习的四个基础内容。相比较于其他的专业，前端开发的学习内容已经算是比较轻松的。
在学习完html、css、js、jQuery这四部分内容后，就可以轻松地独立开发交互式动态网页，也算是入门了前端行业。那么，这就意味着你会做网页啦。
但是简单的会做网页并不是所有想入门前端开发行列的最终目标，他们想要的是能够做成很好的动态网页以及酷炫的特效等等，并且顺利找到高薪的工作。当然，任何的事物都要提前打好基础，前端开发需要学什么必须搞清楚，并且掌握牢固，才能为进入前端开发职业做好基础。
知道了前端开发需要学什么之后，就要选择一家好的学习机构，比如说成都国信安，拥有13余年的教学资历，师资力量雄厚。并且，在专业老师的传授下，快速掌握技巧，快速提升自己在html、css、js、jQuery这几个方面的学习能力，为将来从事web 前端开发相关职业奠定基础，毕竟这个它的就业前景还是非常广的。为了美好的前途，多学点东西，总是有好处的。
本文仅代表作者观点，不代表百度立场。系作者授权百家号发表，未经许可不得转载。
百家号 最近更新：
简介: IT八卦妹，探讨热门技术，掌握新鲜IT资讯
作者最新文章相关文章推荐
对于选择器的初次认识，其实就是其字面的意思。个人感觉，对于陌生知识的第一面很重要，你认为它很简单，就是你想的那样，反之，亦然。因此，选择器的作用也就很容易想到了，其次的就是它的一些用法和简单的语法的。...
总体来说，近段的学习有些不算轻松，更可以说是有些乏味，总感觉这是自己最近的一些忧虑。而面对现在的学习仍有些沉闷，发一句牢骚：真不愿意再学习计算机了，总感觉这是不情愿的学习，自己更喜欢创造性的思维和学习...
关于JQuery与HTML的交互实在称得上是一种艺术，很欣赏这样的知识，给整个世界增添了几分美意。多多在项目中了练习这种设计的使用，可以带来意想不到的结果哦！...
相对于前一段时间的关于JQuery库的学习，近段时间还是关于先前AJAX的一些联系，接受起来还算是可以的，J&A的学习是相对漫长的，期间也是满苦恼的，算是本阶段的一个综述吧！
关于最后JQuery...
以下代码进行对jQuery Validation的简单演示包括必填项、字符长度，格式验证一、引入文件
二、声明HTML片段...
页面加载时触发ready()事件
ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，...
浏览器的事件模型（DOM第0级事件模型和DOM第2级事件模型）
jQuery事件模型
3.1：在页面加载完成后执行任务
3.1.1代码执行的时机选择
$(document).ready()是jQuery中响应javaScript内置的onload事件，并执行任务的一种典型方式...
触摸事件 - 当用户触摸屏幕时触发（敲击和滑动）
滚动事件 - 当上下滚动时触发
方向事件 - 当设备垂直或水平旋转时触发
页面事件 - 当页面被显示、隐藏、创建、加载以及/或卸载时触发...
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)}