标签：js 插件学习demo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
(function ($) {
//默认参数 (放在插件外面，避免每次调用插件都调用一次，节省内存)
var defaults = {
color: ‘红色‘
};
//扩展
$.fn.extend({
//插件名称
height: function (options) {
//覆盖默认参数
var opts = $.extend(defaults, options);
//主函数
return this.each(function () {
//激活事件
var obj = $(this);
obj.click(function () {
alert(opts.color);
});
});
}
})
})(jQuery);
$(function () {
$("#p333").height({ color: ‘black2‘ });
});
</script>
</head>
<body>
<p id="p333">
click here
</p>
</body>
</html>
标签：js 插件学习demo
原文地址：http://xuliangjun.blog.51cto.com/7398089/1790721
