基于原型JavaScript对象封装与操作实践.pdfVIP

复习：functionEmp(ename,

age){console.log(this);this.ename=

ename;this.age=age;}//Emp();//Window

vare1=newEmp();//e1vare2=new

Emp();//e2console.log(Emp.ename);

//undefinedconsole.log(Emp.age);

//undefined

框架：辛苦一个人，千万家。将复杂的功能代码以简单的调用方式封装起来，方便应用程序的开发。。

tQuery的编写目的：封装常见的DOM操作（元素的CRUD）t

Query的基本使用流程：(1)使用$函数查找需要的元素——使用类似

于CSS中的选择器语法。(2)查得的元素封装在一个TQObject对象中。

(3)调用TQObject对象的操作方法，进行增删改查。

functionTQObject(){this.data=[];}

TQObject.prototype=

{hide:function(){console.log(this)},

show:function(){}};

TQObject.prototype.hide();//这个=

TQObject.prototypet1.hide();//这个=t1

vart1=newTQObject();

vart2=newTQObject();

t1.show();t2.hide();

*：之前DOM阶段学习过程：*查找元素=

tQuery1.0.3*修改元素的内容=tQuery1.0.4

tQuery1.0.5html()text()val()attr()css()

addClass()removeClass()

复习：

functionEmp(ename,

age){console.log(this);

this.ename=ename;

this.age=age;

}

//Emp();//Window

vare1=newEmp();//e1

vare2=newEmp();//e2

console.log(Emp.ename);//undefined

console.log(Emp.age);//undefined

框架：辛苦一个人，千万家。将很复杂的功能代码用很简单的调用封装起来，方便应用程序的开发。

tQuery的编写目的：封装常见的DOM操作(元素的CRUD)

tQuery的基本使用流程：

(1)使用$函数查找需要的元素——使用类似于CSS中的选择器语法。

(2)查得的元素封装在一个TQObject对象中。

(3)调用TQObject对象的操作方法，进行增删改查。

function

TQObject(){thi

s.data=[];

}

TQObject.prototype={

hide:function(){console.log(this)},

show:function(){}

};

TQObject.prototype.hide();//this=TQObject.prototype

t1.hide();//this=t1

vart1=newTQObject();

vart2=newTQObject();

t1.show();

t2.hide();

*：之前DOM阶段学习过程：

*查找元素=tQuery1.0.3

*修改元素的内容=tQuery1.0.4tQuery1.0.5

html()text()val()

attr()

css()addClass()removeClass()

*删除元素=*修改元素=*动画=*绑

定=tQuery1.0.5

提示：编写tQue