一个jQuery插件框架示例 by FungLeo
2015-09-04 16:59
731 查看
当我们写了一段有价值的 jQuery 代码的时候,是很希望能够封装成一个 jQuery 插件的。但是如何做呢?其实我也不甚明了。只是很早的时候朋友帮忙写了一个 jQuery 插件框架,然后我就不断套用了。
今天拿出来与大家分享。
写 jQuery 插件,一定要注意的是,所有的查询必须以 Obj 也就是 $(this) 这个为根进行查询,而不能随便用什么ID来进行查询,否则非常容易产生兼容性的问题。
在 Html 中,是这样滴
好啦,这就是一个 jQuery 插件的框架啦!
今天拿出来与大家分享。
[code]/******************************************************************* * @authors FengCms * @web http://www.fengcms.com * @email web@fengcms.com * @date 2015年9月4日 * @version Beta 1.0 * @copy Copyright © 2013-2018 Powered by DiFang Web Studio *******************************************************************/ (function($) { // 下面 FengFocus 是插件的名字,可以任意命名 $.fn.FengFocus = function(F) { F = $.extend({ // 这里是参数设置,根据需要随便命名 defaultIndex: 0, trigger: "click", showtime: 3000, showWay: "slow" // 这里就是参数结束,注意,最后一个参数后面不能有逗号,否则IE低版本会出错。 }, F); // 仔细看这个 F 这个是必须一致的。 // 将插件赋值设置为变量(没必要这么做,但是我习惯这样) var defaultIndex = F.defaultIndex, showWay = F.showWay, trigger = F.trigger, showtime = F.showtime; // 将作用DOM元素赋值为 Obj 然后下面所有的元素,都以Obj 为根进行查询,确保插件不会影响到其他地方。 var Obj = $(this); /* 你的插件代码开始 */ // 在这里,随便写啦 /* 你的插件代码结束 */ } })(jQuery);
写 jQuery 插件,一定要注意的是,所有的查询必须以 Obj 也就是 $(this) 这个为根进行查询,而不能随便用什么ID来进行查询,否则非常容易产生兼容性的问题。
在 Html 中,是这样滴
[code]$(function(){ // 下面的ID,是插件作用于啥,而后面的 FengFocus 就是插件名字 $("#FengFocus").FengFocus({ // 下面就是设置参数 defaultIndex : 1, trigger : "mouseover", showtime : 3000, showWay : "down" // 参数结束,最后一个参数后面不能有逗号 }); });
好啦,这就是一个 jQuery 插件的框架啦!
相关文章推荐
- jQuery权威指南第二版学习笔记(第一章)
- jquery如何控制一个元素的高亮显示
- 几个不错的基于jquery的js图片轮播插件
- js或jquery实现页面打印可局部打印
- JQUERY的ajax方法的配置参数
- JQuery学习
- struts2用jquery进行验证码传递以及验证
- jquery $(document).ready() 与window.onload的区别
- jQuery实现带有上下控制按钮的简单多行滚屏效果代码
- [Yii2]yiisoft/yii2 2.0.2 requires bower-asset/jquery 2.1.*@stable | 1.11.*@stable -> no matching package found
- JQuery选择器大全
- jquery实现浮动在网页右下角的彩票开奖公告窗口代码
- 自己写的一个JQUERY焦点图
- jQuery.extend 函数详解
- jQuery对象data函数使用注意事项
- jquery判断checkbox是否选中及改变checkbox状态
- jQuery基础学习6——基本选择器
- jQuery基础学习5——JavaScript方法获取页面中的元素
- jQuery基础学习4——jQuery容错性
- jquery ajax(实现单独提交某个form)