Jquery插件学习
前端开发也工作了一段时间,Jquery代码页写了很多,但是都是些的很零散的,不是很好用,网上看了很多人写的Jquery 很好用,而且到每个项目中都可以使用,
本人就感觉很好奇他们是怎么做到的呢,于是自己也开始想学习封装一下,才用了Jquery插件的学习,
在学习Jquery的开发时候网上也看过了很多人写过例子但是都是很简单的,没有完整的从写插件方法到调用插件,有的要不就是很深的于是自己写一下自己的学的东西方便以后学习,和分享给和我一样在学习Jquery插件的朋友,废话不多说先上代码
(function ($) {
//带有参数的插件
$.fn.myPlugins = function(options){
var defaults = {
'color':'red',//对外提供了Color参数
'fontSize':'12px',//对外提供了字体大小参数
'backgroundColor':'red',//对外提供了背景参数
'borderRadius':'12px'//对外提供了圆角边框参数
};
var opts = $.extend({},defaults,options); //将一个空对象做为第一个参数
this.css({
'color':opts.color,
'font-size':opts.fontSize,
'background-color':opts.backgroundColor,
'border-radius':opts.borderRadius
});
return this;
};
})(jQuery);
以上是jquery插件代码只要复制到你项目中就可以使用
下面是页面代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery插件学习</title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="MyPlugin.js"></script>
<script type="text/javascript" src="MySelf.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("p").myPlugins({
color:'blue',//这里是调用参数的地方
fontSize:'23px'
});
});
</script>
</head>
<body>
<p>第一天学习插件</p>
</body>
</html>
未经过本人的同意请勿转载,如果要转载请添加上本人的博客地址谢谢:https://i.cnblogs.com/EditPosts.aspx?opt=1
最新文章
- testng 6.8.6 eclipse plugin
- Introduction to Windows 8: The Definitive Guide for Developer
- boost:program_options
- 8天学通MongoDB——第八天 驱动实践
- new Date() 倒计时
- MySQL5.6监控表之INNODB_METRICS
- Orchard之创建模板
- qt-vs-addin:Qt4和Qt5之VS插件如何共存与使用
- -linux删除大量文件----rm,rsync
- Django学习(四)---Admin配置
- MySql5.7安装及配置
- mysql常用的函数
- 完全卸载jdk
- xpath笔记
- eclipse中改变默认的workspace的方法
- jwt 的使用
- 《C++ Primer Plus》读书笔记之十二—C++中的代码重用
- Windows 的 Oracle Data Access Components (ODAC)
- 预备作业02 : 体会做中学(Learning By Doing)
- HDU 6249
热门文章
- 简易CSS3 Tab菜单 Tab切换滑块动画
- 一条scan查询把HBase集群干趴下
- URAL 2040 Palindromes and Super Abilities 2 (回文自动机)
- 13个Cat命令管理文件实例汇总
- cookie 编码问题
- C++中动态申请二维数组并释放方法
- sql:[dbo].[smt_MES_RptProductDaily] 生产日报表
- C++成员变量、构造函数的初始化顺序
- 在VB中使用Linq To SQLite注意事项
- 图片中的Exif信息 的ExifDirectory的大部份常量