广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    开始学习并将深入学习jQuery插件制作

    2018-04-06 10:41:01 次阅读 稿源:互联网
    零七广告

    发烧根源

    最近在写jQuery,我是一个懒人,做网页设计这么久了,可却是很怕写JS代码,因为我的语言基础不怎么过关,当年学的C和C++都是混过来的,每次都想狠心的学好,可是每次学了一半就学不下去了,因为算法的东西真的很痛苦。也许是因为我的兴趣和当时的心态有问题吧。一切都是过眼云烟,不提了。

    js也没学好,看了几本书,看得最认真的一本就是《锋利的jQuery》,最近在看《jQuery权威指南》,下定决心要把这本jQuery指南背下来,不管以后还会学到其他的东西,就算是给我自己一个诺言:学好jQuery。

    jQuery代码写得多了,我发现我总是在做无用功,重复的动作,其实可以通过一个jQuery插件拓展出来,不但节省了空间、时间,同时也不容易犯错。于是今晚发烧,再看了一篇锋利jQuery里面提到的制作插件部分,可是发现自己写出来的和理想的还是有差距。应该是没有彻底的理解。

    jQuery插件的制作分为三种类型

    1. 封装对象方法的插件:将对象封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。
    2. 封装全局函数的插件:可以将独立的函数加到jQuery命名空间下。
    3. 选择器插件

    jQuery插件的机制

    jQuery提供了两个用于扩展jQuery功能的方法,即jQuery.fn.extend()和jQuery.extend()方法。前者用于扩展第一种类型,后者用于扩展后面两种类型。

    jQuery.extend()除了扩展jQuery对象之外,还有一个强大的功能,就是扩展已有的object对象。

    jQuery代码如下:

    jquery.extend(target,obj1,……,obj[N])

    jQuery extend经常被用于设置插件的一系列默认参数如

    function foo(option){

    option=jQuery.extend({

    name:"bar",length:5,dataType:"xml"

    },option);

    如果用户调用了foo()方法,如果在里面设置了参数,则使用设置的参数,否则就使用默认的。

    foo({name:"a",length:"4",dataType:"json"});

    编写jQuery插件

    1.封装jQuery对象方法的插。

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告