熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jQuery插件編寫

2013-11-15 12:11:23  來源: JSP教程 

  /*
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);//不要忘記返回自己實現鏈接調用
}
});


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20455.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.