前些天阅读了某网友上传的一段jQuery代码,他,自己写的一个横拉级别选择的控件。Code中的jQuery书写模式感觉很优雅,自己简单的研究试写了一下,模式的大致意思理解了,但其中的一些细节地方还是不太明白, 趁空闲之余放在iteye上让大家帮我解释一下,谢谢指点
外部js文件 jQuery.plugin-model
[code="javascript"]
// JavaScript template using Windows Script Host
(function($){
$.extendPlugin = function(other){
var params = $.extend(
{
name : "JackQiu",
age : 22,
sex : "Fmale",
job : "programer",
addr : "成都高新区孵化园"
},other||{});
var action = {
initPeople : function(){
var say = "Hi!, goodmoring, eveybody who is here. my name is " + params.name + ",and i'm" + params.age + "yeas old, my job is"+params.job + "and i'm do work in " + params.addr ;
alert(say);
}
};
action.initPeople(); //初始化
}
})(jQuery)
[/code]
HTML文件
[code="html"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
jQuery函数设计模式研究之选择控件
<br> $(function(){<br> $("#open").click(function(){<br> $.extendPlugin({<br> name : "JackZhang",<br> age : 22,<br> sex : "Fmale",<br> job : "programer",<br> addr : "成都高新区孵化园"<br> });<br> });<br> });<br>
Hello World!
[/code]
基本模式是这样的
[code="java"]
(function($){
$.extendPlugin = function(p){
var param = $.extend({
name : "JackQiu",
age : "22",
sex : "Fmale"
},p||{});
var action = function(){
};
}
})(jQuery)
[/code]
我不明白的地方是: (function($){ })(jQuery) 、 p||{} 、 $.extendPlugin , 能帮我解释这三个地方的意思 ,谢谢