jQuery插件开发与使用指南

jQuery 的插件体系,说白了就是一套“你来我封装、你用我方便”的扩展机制。用惯了原生 JS 的人一上手就觉得挺爽,DOM 操作利落,事件简洁,连动画都能一句话搞定。

压缩包里几个文件还挺实用。jquery-2.1.1.jsjquery-2.1.1.min.js分别是开发和生产环境用的。前者方便你调试学习,后者文件小、加载快。jQuery1.11.0_20140330.chm是个文档,API 和教程都有,离线查也方便。

插件的开发逻辑其实不难。一个$.fn方法挂上去,再配合each循环就成了。例如,把选中元素内容全变成大写,可以写个简单插件:

(function($){
  $.fn.uppercase = function() {
    return this.each(function(){
      $(this).text($(this).text().toUpperCase());
    });
  };
})(jQuery);

你只要在页面里用$('.title').uppercase();就搞定了。

jQuery 插件用起来顺手,表单验证、图片轮播、日期选择器都能搞定。像 Bootstrap 的 UI 插件集,直接就是“拿来即用”。你要是项目还在用 jQuery,插件能帮你节省不少时间。

如果你还在用 jQuery,又想让功能更强大点,不妨翻翻这些插件,说不定有意外惊喜。

zip 文件大小:489.5KB