定义jQuery.prototype函数改变函数说明

在jQuery中使用了一个工厂方法来创建一个实例，这个方法位于jQuery.prototype中, 现在我们重新来定义Shaka.prototype, 给它添加一个init方法用于返回一个Shaka的实例, 并且把Shaka的构造函数稍稍改变一下:

创新互联公司是一家专业提供安次企业网站建设,专注与成都做网站、成都网站设计、成都外贸网站建设、H5场景定制、小程序制作等业务。10年已为安次众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

 
 

  
  
var Shaka = function(age) { return new Shaka.fn.init(age); };  
  
  
ShakaShaka.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)创建的对象具有init方法的prototype指向对象的方法 , 因此我们将init方法的prototype指向 Shaka的prototype, 这样创建出来的对象就具有了Shaka.prototype里面定义的方法。OK，现在我们的小宝宝变成大一点的宝宝了，打个招呼先:

 
 

  
  
Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  
  
 
  
  
 
  
  
 http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

  
  
 
  
  
 
  
  
 type="text/javascript"> 

  
  
var Shaka = function(age) { return new Shaka.fn.init(age); };  
  
  
ShakaShaka.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.'); }  
  
  
};  
  
  
ShakaShaka.fn.init.prototype = Shaka.fn;  
  
  
Shaka(2).sayHello();  
  
  
 
  
  
 
  
  
 
 
 

嗯，好象有点样子了，但是光这样还不行，来点实际的, 我们在新框架中实现jquery里val()方法的部分功能，这个方法不加参数调用时返回指定ID的input的值，加参数时为设定这个input的值，与JQuery.prototype一样，我们约定使用id来查找对象时使用"#"符号。#t#

把要查找的目标ID作为构造函数的参数传进去，我们给JQuery.prototype添加一个val()方法, 给Shaka添加一个selector的属性用于存储我们要查找的目标。: