javascript 和 jquery插件开发

window.onload 页面加载完成后执行
window.onload = function () {
    function dom(id) { return document.getElementById(id); }
    dom("id1").onclick = function () {this.innerHTML = ‘welcome‘;}
}

jQuery 插件部分
类级别的插件开发
1.1添加一个新的全局函数
jQuery.fn = function() {}   

1.2增加多个全局函数
jQuery.fn = function() {}
jQuery.fun = function() {}

1.3使用jQuery.extend(object);
1.3.1添加函数
jQuery.extend({
	fn: function() {},
	fun: function() {}
})
1.3.2合并函数
jQuery.extend({
	fn: function() {}
},option)

1.4使用命名空间
jQuery.plugin = {}

2、对象级别的插件开发
$.fn.extend({
	plugin:function(opt,callback){}
}) 

2.1在JQuery名称空间下申明一个名字
$.fn.plugin = function() {};

2.2接受options参数
$.fn.plugin = function(options) {}

2.3暴露插件的默认设置

2.3.1覆盖插件参数
$.fn.plugin.defaults.foreground = ‘blue‘; 

2.3.2通过传递配置参数
$(‘#green‘).hilight({
 	foreground: ‘green‘
});