jquery选择器$("...")返回的是数组,为什么还能继续练式操作$("...").方法 ？

Question

jquery选择器$("...")返回的是数组,为什么还能继续练式操作$("...").方法 ？

Answer 1

1、jquery选择器$('selector')返回的不是数组，而是封装好的jquery对象。但这个对象有一个特别的地方，就是查询到的节点被以下标为属性，添加到了jquery对象上，所以它看起来像数组，因为它存在一些属性是数字；

2、jquery对象有哪些属性和方法？

我们可以理解，$('selector')返回了一个对象obj，obj[0]....obj[i]总是返回查询到的第i个节点。除此之外，jquery对象还被通过prototype添加了一些方法，即：

1 2 3 4 5

jQuery.prototype.each = function(){} jQuery.prototype.hasClass = function(){} jQuery.prototype.hide = function(){} jQuery.prototype.css = function(){} jQuery.prototype.attr = function(){}

等等。这样的话，$('selector')返回的对象就可以调用这些方法，比如obj.attr('name')、obj.css('color', 'red')。

3、jquery方法如何处理多个节点？

实际上，以上诸如hide、css、attr等方法，在jquery内部都是通过循环来处理各个节点的。但是，如果是要获取节点属性，比如obj.attr('name')，显然这个只能返回一个字符串，所以类似的方法都是获取节点集合中的第一个节点的属性。也就是说，虽然返回的节点很多，但只有第一个会被处理。

4、为什么jquery可以链式调用？

在jquery中，很多同名的方法通过参数个数的不同实现不同的功能，比如css方法，如果传一个参数则表示获取css属性；如果传两个参数，则表示给节点添加某个属性，并赋值为第二个参数。attr、width等也是这样的处理。对于方法的返回值，除了获取属性值、获取css值等需要返回实际值的方法外，当css方法、attr方法表示为为节点添加属性、css样式时，是不需要返回值的，但jquery让这些方法返回了this，也就是返回了调用者自身，所以可以链式调用。

 

Answer 2

//这就是js的面向对象
//定义一个类 T 如下
function TT(){
var fun=function(){
alert("this is TT fun!");
}
}
//再定义tt
var tt = new　TT();
//调用 fun
tt.fun();