jQuery技术

jquery插件开发注意事项

字号+ 作者:H5之家 来源:H5之家 2017-06-24 11:01 我要评论( )

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6 0+, FF 1 5+, Safari 2 0+, Ope

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插件开发时要注意以下事项。

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插件开发注意事项还是非常有必要的。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery为页面增加快捷键示例

    jquery为页面增加快捷键示例

    2017-06-26 08:00

  • jquery.fileupload插件的简易使用日志

    jquery.fileupload插件的简易使用日志

    2017-06-23 15:00

  • php上传多个文件blueimp/jQuery

    php上传多个文件blueimp/jQuery

    2017-06-23 14:04

  • Jquery来对form表单提交submitForm()(mvc方案)

    Jquery来对form表单提交submitForm()(mvc方案)

    2017-06-23 14:00

网友点评