Jquery插件编写简明教程


Posted in Javascript onMarch 25, 2014
 /*
 1.jQuery插件文件名推荐命名为 jquery.[插件名].js 以免和其他javascript库插件混淆。例如命名为jquery.color.js
 2.所有的对象方法名都应当附加到jQuery.fn对象上而所有的全局函数都应当附加到jQuery对象本身上。
 3.在插件内部,this指向的是当前通过选择器获取的jquery对象,而不像一般方法哪样,例如chick()方法,内部的this指向的dom元素
 4.可以通过this.each来遍历所有元素
 5.所有的方法或函数插件,都应当以分号结尾,否者压缩的时候可能出现问题,为了更稳妥一些,甚至可以在插件头部先加上一个分号,
 以免他人不规范的代码给查询带来影响。
 6.插件应该返回一个jquery对象,以保证插件可链式操作。除非插件需要返回的是一些需要回去的量,例如字符串或者数组
 7.避免在插件内部使用$作为jquery对象的别名,而应使完整的jquery来表示,这样可以避免冲突。当然,也可以利用闭包这种技巧来回避
 这儿问题,使插件内部继续使用$作为jquery的别名。
 */ //;为了更好的兼容性,开始有个分号
 ;(function($){//此处将$作为匿名函数的形参
  //$.fn.extend 扩展插件
  $.fn.extend({
      "color":function(value){//color 自己写的插件方法名
       //jQuery提供了css方法可以直接写成this.css("属性","值"); 
       return this.css("color",value);
      }
  });
 })(jQuery);//这里将jquery作为实参传递给匿名函数
 
 function red(){
  alert($("#div").color()+"证明插件可用");
  alert($("#div").color("red")+"证明插件返回了一个Jquery对象");
  $("#div").color("red");
 }

在HTML使用插件示例:

<body>
      <div id="div" onclick="red()">dddddddddddddddd</div>
  </body>
Javascript 相关文章推荐
jQuery数组处理方法汇总
Jun 20 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
JQuery异步加载无限下拉框级联功能实现示例
Feb 19 Javascript
JS动态修改图片的URL(src)的方法
Apr 01 Javascript
限制只能输入数字的实现代码
May 16 Javascript
jQuery下拉框的简单应用
Jun 24 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
Oct 28 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 Javascript
Javascript中的 “&amp;” 和 “|” 详解
Feb 02 Javascript
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
解决vuex刷新状态初始化的方法实现
Aug 15 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 Javascript
jquery自动填充勾选框即把勾选框打上true
Mar 24 #Javascript
jquery默认校验规则整理
Mar 24 #Javascript
Javascript连接多个数组不用concat来解决
Mar 24 #Javascript
jqeury-easyui-layout问题解决方法
Mar 24 #Javascript
让table变成exls的示例代码
Mar 24 #Javascript
JQuery 图片滚动轮播示例代码
Mar 24 #Javascript
JS中判断null、undefined与NaN的方法
Mar 24 #Javascript
You might like
令PHP初学者头疼十四条问题大总结
2008/11/12 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
php获取数组长度的方法(有实例)
2013/10/27 PHP
php实现给一张图片加上水印效果
2016/01/02 PHP
PHP+sqlite数据库操作示例(创建/打开/插入/检索)
2016/05/26 PHP
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
document.addEventListener使用介绍
2014/03/07 Javascript
JavaScript中的this关键字使用方法总结
2015/03/13 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
2016/05/25 Javascript
微信小程序实现签到功能
2018/10/31 Javascript
JS获取动态添加元素的方法详解
2019/07/31 Javascript
Python中的默认参数详解
2015/06/24 Python
Python中atexit模块的基本使用示例
2015/07/08 Python
python @property的用法及含义全面解析
2018/02/01 Python
TensorFlow实现AutoEncoder自编码器
2018/03/09 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
Python 词典(Dict) 加载与保存示例
2019/12/06 Python
Python属性和内建属性实例解析
2020/01/14 Python
Python requests.post方法中data与json参数区别详解
2020/04/30 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析
2021/02/20 Python
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
罗技美国官网:Logitech美国
2020/01/22 全球购物
酒店出纳岗位职责
2013/12/29 职场文书
护士自我评价
2014/02/01 职场文书
小学安全工作汇报材料
2014/08/19 职场文书
高中学生会竞选演讲稿
2014/08/25 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
学习十八届四中全会精神思想汇报
2014/10/23 职场文书
2014年应急管理工作总结
2014/11/26 职场文书
教师党员个人总结
2015/02/10 职场文书
高老头读书笔记
2015/06/30 职场文书
MySQL中几种插入和批量语句实例详解
2021/09/14 MySQL