2021-04-15

JQuery项目JS模块化分析(一)

Jquery在线手册
新增一个组件
例按钮组件

var YIUI = YIUI || {};
(function (){                               //立即执行匿名函数,模拟模块化
	YIUI.Yes_Button = function (options) {           //匿名函数表达式
		var btntemplate = {
			el:$("
"),
			caption:"按钮",
			init: function() {
				var self = this;
				var $input = $("button", this.el);
				$("").html(this.caption).appendTo(this.el);
			},
			getEl: function(){
				return this.el;
			},
			getButton: function(){
				return $("button", this.el);
			}
		};
		btntemplate = $.extend(btntemplate, options);
		btntemplate.init();
		return btntemplate;
	}
})();

• 实例化一个button

//实例化一个button
var btn = new YIUI.Yes_Button({
	el:$('
'), // 要插入的html
	caption:"哈哈哈",
	IEFile:false
});

//btn.getEl().appendTo($("#2_SplitPanel1"));

btn.getEl().appendTo($(document.body));