JQuery自定义插件开发(一)

   JQuery拥有强大的自定义插件开发的机制。

创新互联公司长期为成百上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为赣榆企业提供专业的成都做网站、成都网站设计、成都外贸网站建设赣榆网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

   而自定义插件的开发分为两种,一种为全局JQuery函数,一种为JQuery对象函数。网络上大部分流行的是JQuery对象函数。

   首先举个例子解释一下全局JQuery函数和JQuery对象函数的区别。

    全局JQuery函数类似于Java中的静态方法,而JQuery对象函数则类似于Java中的普通方法。比如说JQuery的ajax()方法(全局函数),要想调用ajax()方法直接使用$.ajax()即可,而比如我们要隐藏一个html组件则必须这样调用JQuery方法(JQuery对象函数),$("#documentId").hide();看起来是不是类似于Java中的类的实例化。

   但是JavaScript毕竟不同于Java,在底层上JQuery实际上是将JQuery对象作为一个父类,使用JQuery选择器实例化的JQuery对象与父类JQuery对象共享一个原型对象,在JQuery中使用fn作为prototype的别名,如果我们想获取JQuery对象的原型只需调用$.fn即可。

    因此,这决定了两种插件开发的不同方式。

    全局JQuery函数只需在JQuery对象中添加新方法,通过$.调用。而JQuery对象函数则需要添加至$.fn中,通过$("").调用,是为了实例化的JQuery对象开发的函数。

  关于JQuery插件的具体定义方法,请看下篇日志。


分享名称:JQuery自定义插件开发(一)
标题URL:http://azwzsj.com/article/jeises.html