网站案例库深圳网络营销和推广渠道

jquery插件格式代码

将您的代码直接转换为可用于任何网站的jQuery插件非常容易。 最困难的部分是找到一种方法来正确地构造代码，使其独立且易于使用。

将jQuery代码转换为插件的优势

1. 有效地组织jQuery代码
2. 您的代码变得更易于修改和遵循
3. 重复性任务自然处理
4. 提高您的开发速度
5. 插件井井有条，促进代码重用

创建jQuery插件提示

将细节保留在代码之外（即，与使用jQuery代码的示例直接相关的任何内容）。
重新编码以包括“ this”对象，而不是对选择器进行硬编码以使其更通用
使插件JavaScript和CSS代码分离文件

jQuery插件结构

//You need an anonymous function to wrap around your function to avoid conflict  (function($){        //Attach this new method to jQuery      $.fn.extend({            //This is where you write your plugin's name          pluginname: function() {                //Iterate over the current set of matched elements              return this.each(function() {                    //code to be inserted here                });          }      });    //pass jQuery to the function,  //So that we will able to use any valid Javascript variable name  //to replace "$" SIGN. But, we'll stick to $ (I like dollar sign: ) )  })(jQuery);  

如何将jQuery代码转换为插件

您需要做的就是使用您自己的函数扩展$ .fn对象（让我们不要重新发明轮子，请参见下面的示例！）。

简单jQuery插件和教程的示例

1. 用于菜单动画的简单插件教程
2. 插件/创作官方文档
3. jQuery插件教程，绝对入门的深度学习
4. 如何构建一个简单的Content Slider jQuery插件
5. 创建实用jQuery插件的权威指南
6. 如何为jQuery创建插件
7. 了解如何创建jQuery插件
8. 插件开发模式

翻译自: https://www.sitepoint.com/convert-jquery-code-plugin/

jquery插件格式代码