中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

在jQuery中使用了一個(gè)工廠方法來(lái)創(chuàng)建一個(gè)實(shí)例，這個(gè)方法位于jQuery.prototype中, 現(xiàn)在我們重新來(lái)定義Shaka.prototype, 給它添加一個(gè)init方法用于返回一個(gè)Shaka的實(shí)例, 并且把Shaka的構(gòu)造函數(shù)稍稍改變一下：

var Shaka = function(age) { return new Shaka.fn.init(age); };

Shaka.fn = Shaka.prototype = {
       init: function(age) { this.age = age; return this; },
       sayHello: function() { alert('I am a little baby, my age is ' + this.age + ' years old.'); }
};

Shaka.fn.init.prototype = Shaka.fn;//這里new Shaka.fn.init(age)創(chuàng)建的對(duì)象具有init方法的prototype指向?qū)ο蟮姆椒?, 因此我們將init方法的prototype指向 Shaka的prototype, 這樣創(chuàng)建出來(lái)的對(duì)象就具有了Shaka.prototype里面定義的方法。

OK，現(xiàn)在我們的小寶寶變成大一點(diǎn)的寶寶了，打個(gè)招呼先：

運(yùn)行代碼框
<script type="text/javascript"> var Shaka = function(age) { return new Shaka.fn.init(age); }; Shaka.fn = Shaka.prototype = { init: function(age) { this.age = age; return this; }, sayHello: function() { alert('I am a little big baby, my age is ' + this.age + ' years old.'); } }; Shaka.fn.init.prototype = Shaka.fn; Shaka(2).sayHello(); </script>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

嗯，好象有點(diǎn)樣子了，但是光這樣還不行，來(lái)點(diǎn)實(shí)際的, 我們?cè)谛驴蚣苤袑?shí)現(xiàn)jquery里val()方法的部分功能，這個(gè)方法不加參數(shù)調(diào)用時(shí)返回指定ID的input的值，加參數(shù)時(shí)為設(shè)定這個(gè)input的值，與jQery一樣，我們約定使用id來(lái)查找對(duì)象時(shí)使用"#"符號(hào)。把要查找的目標(biāo)ID作為構(gòu)造函數(shù)的參數(shù)傳進(jìn)去，我們給Shaka.prototype添加一個(gè)val()方法, 給Shaka添加一個(gè)selector的屬性用于存儲(chǔ)我們要查找的目標(biāo)。

Shaka.fn = Shaka.prototype = {
       init: function(selector) { this.selector = selector; return this; },
       val: function(newValue) { //方法實(shí)現(xiàn)代碼 }
};
var Shaka = function(selector) { return new Shaka.fn.init(selector); };

運(yùn)行代碼框
<form method="post" action="" name="myform"> 我?guī)讱q了? <br /> <input id="myInput" type="text" value="Hello world!" size="50" /> </form> <script type="text/javascript"> var Shaka = function(selector) { return new Shaka.fn.init(selector); }; Shaka.fn = Shaka.prototype = { init: function(selector) { if(selector) this.selector = selector; return this; }, val: function(newValue) { //start val function body if(!(this.selector && this.selector.indexOf('#') == 0 && this.selector.length != 1)) return; //簡(jiǎn)單地判斷傳入值非法, 最好使用正則 var id = this.selector.substring(1); var obj = document.getElementById(id); if(obj)//如果對(duì)象存在 { if(newValue == undefined) return obj.value;//獲取目標(biāo)對(duì)象的值. obj.value = newValue;// 將目標(biāo)對(duì)象的value屬性設(shè)置為newValue. return this; //為了使方法可以連續(xù)調(diào)用。 } //end val function body } }; Shaka.fn.init.prototype = Shaka.fn; alert('object old value is '+Shaka('#myInput').val()); alert(Shaka('#myInput').val('I am 3 years old now!').val()); </script>
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

上一頁(yè) 從零開(kāi)始寫jQuery框架 [1] 下一頁(yè) 從零開(kāi)始寫jQuery框架 [3]

◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。