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));

你可能感兴趣的:(笔记)