含义:执行jQuery核心函数的返回的对象
jQuery对象内部包含的是dom元素对象的伪数组(可以只有一个元素)
jQuery对象拥有很多的属性和方法,让我们可以方便操作dom
基本:size()/length :获取对应的dom元素个数--没有size在1.8之后弃用了
[index]/get(index) :根据下标获取对应的DOM元素
each(回调函数 i dom元素)
index():得到所在兄弟元素的下标
<button>测试一</button>
<button>测试二</button>
<button id="btn3">测试三</button>
<button>测试四</button>
size()/length :获取对应的dom元素个数--没有size在1.8之后弃用了
[index]/get(index) :根据下标获取对应的DOM元素
测试
var $btns = $('button');
console.log($btns.length);
console.log('----------------------')
console.log($btns[1].innerHTML);
console.log($btns.get(1).innerHTML);
each(回调函数 i dom元素) 这里的this是指每个dom元素
console.log('----------------------');
$btns.each(function(index, domEle) {
console.log(this);
console.log(domEle.innerHTML);
});
console.log('----------------------');
$btns.each(function() {
console.log(this);
console.log(this.innerHTML);
});
index():得到所在兄弟元素的下标
console.log('----------------------');
console.log($('#btn3').index());//2
伪数组:
Object对象
length属性
可以通过下标取得元素,即数值下标属性
//forEach是数组的方法这个是伪数组 没有数组的特别的方法:push pop splice forEach
console.log($btns instanceof Array); //false
var preudo_array = {};
preudo_array.length = 0;
preudo_array[0] = '内容1';
preudo_array.length = 1;
preudo_array[1] = '内容2';
preudo_array.length = 2;
for (var i = 0; i < preudo_array.length; i++) {
console.log(preudo_array[i]);
}
//forEach是数组的方法这个是伪数组
console.log(preudo_array.forEach,$btns.forEach);//undefined undefined