jquery插件开发注意事项

  Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。jquery插件开发时要注意以下事项。


  开发插件的注意事项:

  1、在编写对象级别的插件时,使用jQuery.fn.extend()方法进行功能扩展;而针对类级别的插件,则使用jQuery.extend方法进行扩展。

  2、插件的文件命名必须严格遵循jQuery.[插件名].js的规则,以便于与其他的js文件的区分,如新插件文件jquery.newplugin.js.

  3、如果是对象级别插件,所有的方法都应依附于jquery.fn主体对象;如果是类级别插件,所有的方法都应依附于jquery对象.

  4、无论是对象级别还是类级别插件,结尾都必须以分号结束,否则,在文件被压缩时,会出现错误提示信息.

  5、虽然"$"美元符,可以与"jQuery"字符相代替,但在编写插件的代码中,尽量不要使用"$"符号,以避免与别的代码冲突.

  6、在插件内部的代码中,如果要访问每个元素,可以使用this.each方法来遍历全部元素.

  7、需要说明的是在插件的内部,this所代表的是通过jQuery选择器所获取的对象,而非传统意义上的对象的引用.

  8、由于jQuery代码在调用方法时,可以采用链写的方法同时调用多个方法,因此,为了保证这个功能的实现,插件本身必须返回一个jQuery对象.

  很多插件开发人员都开发了很多不错的jQuery插件,但是对我们这些插件的使用者来说,很多jQuery插件的使用都不是那么直接和透明。而且对于插件开发来说,如果你有一个非常好的架构,将会给你的开发带来极大的益处。所以在正式开发前,注意以上jquery插件开发注意事项还是非常有必要的。

时间: 2024-10-28 08:24:37

jquery插件开发注意事项的相关文章

jQuery插件开发的两种方法及$.fn.extend的详解

 jQuery插件开发分为两种:1 类级别.2 对象级别,下面为大家详细介绍   1 类级别    类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法.    开发扩展其方法时使用$.extend方法,即jQuery.extend(object);   代码如下: $.extend({    add:function(a,b){return a+b;} ,    minus:function(a,b){return a-b;}  });    页面中调用:

JQuery插件开发教程

原文:JQuery插件开发教程 要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统.这好比大公司们争相做平台一样,得平台者得天下.苹果,微软,谷歌等巨头,都有各自的平台及生态圈. 学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件.如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择. 本教程可能不是最精品的,但一定是最细致的. jQuery插件开发模式 软件开发过程中是需要一定的

jQuery插件开发精品教程,让你的jQuery提升一个台阶

原文:jQuery插件开发精品教程,让你的jQuery提升一个台阶 要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统.这好比大公司们争相做平台一样,得平台者得天下.苹果,微软,谷歌等巨头,都有各自的平台及生态圈. 学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件.如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择. 本教程可能不是最精品的,但一定是最细致的. jQuery插件

jquery插件开发继承了jQuery高级编程思路

要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统.这好比大公司们争相做平台一样,得平台者得天下.苹果,微软,谷歌等巨头,都有各自的平台及生态圈. 学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件.如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择. 本教程可能不是最精品的,但一定是最细致的. jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的,有了模式,

jQuery 插件开发指南_jquery

那么首先我们来简单的看一下最正统的 jQuery 插件定义方式: 复制代码 代码如下: (function ($) {     $.fn.插件名 = function (settings) {         //默认参数         var defaultSettings = {           }         /* 合并默认参数和用户自定义参数 */          settings = $.extend(defaultSettings, settings);   return

jquery插件-jQuery插件开发: 兼容jQuery操作符$和jQuery是什么意思?

问题描述 jQuery插件开发: 兼容jQuery操作符$和jQuery是什么意思? 兼容jQuery操作符$和jQuery是什么意思?为什么(function($){})(jQuery); 这样写可以达到上面的这个效果? 解决方案 $是jquery的简写,有可能其他js代码定义过$,一般情况下是不可能有,但是防止万一情况,这样你再使用$就不到一定是jquery了,会导致代码出错,但是你匿名函数传入jQuery,那么匿名函数的$参数就100%是jQuery了,除非你代码里面给$赋值过我就不说了

jQuery插件开发的五种形态[转]

这篇文章主要介绍了jQuery插件开发的五种形态小结,具体的内容就是解决javascript插件的8种特征,非常的详细. 关于jQuery插件的开发自己也做了少许研究,自己也写过多个插件,在自己的团队了也分享过一次关于插件的课.开始的时候整觉的很复杂的代码,现在再次看的时候就清晰了许多.这里我把我自己总结出来的东西分享出来,帮助那些和我一样曾经遇到过同样问题的人. 我要做什么 我想要得到的javascript 插件应该会有以下几个特征: [ ] 代码相对独立 [ ] 链式操作 [ ] 插件可配置

jQuery插件开发学习笔记

今天想了解一下jQuery的插件开发,于是google了一下,列在前面的两篇文章都很不错,jQuery插件开发全解析 更是将插件开发的方方面面细致入微的进行了讲解,并提供了PDF进行下载.笔者今天详细的阅读了这篇文章并记录了一些笔记.   1.类级别的插件开发 我是这样理解的:jQuery是类,$是jQuery的别名,$('selector')为jQuery对象 这种插件类似为jQuery类添加静态的方法,然后我们就可以像在C#中调用静态方法一样使用插件.添加静态方法的途径有两种: jQuery

闭包-jQuery插件开发:(function($){})(jQuery); 作用求解!!

问题描述 jQuery插件开发:(function($){})(jQuery); 作用求解!! 开发jQuery插件的时候会用(function($){})(jQuery); 这个闭包函数来包裹,因为这样写有以下三个好处:1. 避免全局依赖2. 避免第三方破坏3. 兼容jQuery操作符$和jQuery 首先,上面那三个作用是什么意思?另外,为什么用这个闭包函数包裹就可以达到上面的作用? 先谢过大家~~ 解决方案 意思就是插件不会污染顶级对象和全局变量,因为两个插件,或者多个js库同时使用,万一