/*
Hello everybody让我们来写个jQuery插件不要一直用jquery却连插件都不会写
哈哈哈开玩笑啦
当你看到这篇日志可以肯定的是你是jQuery的粉丝哦
话说js是很随意的语言很随便想怎么写就怎么写
且看这段代码
*/
var jQuery = new Object();//或者var jQuery = {};
jQuerymethod = function(args){
alert("hello" + args);
}
jQuerymethod("Henry");
/*
嘿嘿太明显了你会看到"helloHenry"的弹出信息的是不是这段代码巨简单
当然你自然而然会想到用这种方法如下
*/
<script language="javascript" src="jqueryjs"></script>
<script language="javascript">
jQuerymethod = function(){
alert("hellothis is my defined method");
}
jQuerymethod();
</script>
/*
确实效果如你所愿了但是不是最好的因为一个好的框架一定留给你好的接口了
最好是使用它的应该如下
*/
jQueryextend({
method: function(){
alert("hellothis is my defined method");
}
});
jQuerymethod();
/*
不错吧效果还是一样的不过这样是最好的为什么呢？因为当你的函数需要
增加参数的时候如果别人不添加参数你就需要用默认的参数这时你的设计
好处就来了see it ^^:
*/
jQueryextend({
method: function(options){
var defaults = {
name : "Henry"
sex : "male"
};
jQueryextend(defaultsoptions);//如此一来你的所有参数都进来了哦
alert("hello" + defaultsname + "you are " + defaultssex);
}
});
jQuerymethod();
jQuerymethod({
name : "yourname"
sex : "sex"
});
//无论如何你都可以调用我写的插件哦呵呵呵
/*
还有还有哈需要提醒你的是如果你看了我写的解析jquery源码或者自己分析过jQuery源码
你将会有不同的感受上面是静态方法的扩展也就是你无须选择任何一个元素直接通过
jQuery类来使用方法下面介绍一个元素的操作方法你只需把jQueryextend()改成
jQueryfnextend();就可以了
*/
jQueryfnextend({
method: function(options){
var defaults = {
name : "Henry"
sex : "male"
};
jQueryextend(defaultsoptions);//如此一来你的所有参数都进来了哦
alert("hello" + defaultsname + "you are " + defaultssex);
return $(this);//不要忘记返回自己实现链接调用
}
});
