1、选择一个jQuery框架,如:
/*! * jQuery.myPlugin * * @version 1.0.0 * @date 2014/07/16 * @author Lime * @license */ (function (jQuery) { //定义你的属性名myPlugin jQuery.fn.myPlugin = function (options) { //替换默认参数 var options = jQuery.extend({}, jQuery.fn.myPlugin.defaults, options); //使用return this.each运用在多个控件上并实现链式操作 return this.each(function () { //在这里实现你的方法 }); }; //使用暴露方式设置插件默认参数,这对于让插件的使用者更容易用较少的代码覆盖和修改插件默认设置 jQuery.fn.myPlugin.defaults = { }; })(jQuery);
2、添加引用编写好的插件
首先给你的插件起个名,推荐命名方法为:jquery.[插件名].js,如上面可以命名为jquery.myPlugin.js
然后在你的项目里添加引用<script src="jquery.myPlugin.js" type="text/javascript"></script>,当然在这之前你必须要引用jquery库。
3、插件的使用
<script type="text/javascript"> $(document).ready(function () { $("#div1").myPlugin(); }); </script>
有木有发现简直简单到爆啊,是的,就这么简单!
附:select下拉绑定jQuery插件
/*! * jQuery.selectDataBind * * @version 1.0.0 * @date 2014/07/16 * @author Lime<zhrjin@163.com> * @license */ (function (jQuery) { jQuery.fn.selectDataBind = function (options) { var options = jQuery.extend({}, jQuery.fn.selectDataBind.defaults, options); return this.each(function () { var jOption = options.options; var jVaule = options.values; var bEmpty = options.empty; var j = 0; if (bEmpty) { this.options[0] = new Option("", ""); j++; } for (var i = 0; i < jOption.length; i++) { var objOption = new Option(jOption[i], jVaule[i]); this.options[j++] = objOption; } }); }; jQuery.fn.selectDataBind.defaults = { options: [], values: [], empty: true }; })(jQuery);
相关推荐
jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件
jquery 插件jquery 插件jquery 插件jquery 插件
组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件组织架构图之JQuery插件...
jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....
这里提供最基础的jquery插件编辑方法,为jquery插件学习者提供帮助。
jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery...
jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件jQuery插件
Jquery插件-分享插件
JQuery插件的写法 最常用的jquery插件开发方式(教程合集) jquery插件的例子 jQuery插件开发教程_看这一本就行了 JQuery插件写法 jq插件最常用的写法
jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery...
Ddreamweaver jquery 插件 Ddreamweaver jquery 插件Ddreamweaver jquery 插件 Ddreamweaver jquery 插件 Ddreamweaver jquery 插件 Ddreamweaver jquery 插件 Ddreamweaver jquery 插件
flash-jquery插件 flash-jquery插件 flash-jquery插件 flash-jquery插件
jquery插件.rar
jQuery超炫注册三部曲
jQuery-Validation-Engine-master 表单验证插件 简单好用,已经包含汉化
jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 ...
jquery插件jquery插件jquery插件jquery插件
jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载
jquery 插件,实现多种不同的滚屏操作,
jQuery常用插件大全 jQuery 插件大全