jQuery核心对象
含义:
执行jQuery核心函数返回的对象
jQuery对象内部包含的是dom元素对象的伪数组(可能只有一个元素)
jQuery对象拥有很多有用的属性和方法。
属性/方法
1.基本属性
-
- size()/length
- [index]/get(index)
- each()
- index()
需求1:统计一共有多少个按钮
var $buttons = $('button')
console.log($buttons.size(),$buttons.length)
需求2:取出第2个button的文本
console.log($buttons[1].innerHTML,$buttons.get(1).innerHTML)
需求3:输出所有button标签的文本
$buttons.each(function () {
console.log(this.innerHTML)
})
$buttons.each(function (index,domEle) {
console.log(index,domEle.innerHTML,this)
//0 "测试一" <button>测试一</button>
})
需求4:输出‘测试三’按钮是所有按钮中的第几个
console.log($('#btn3').index())
1.伪数组
* Object对象
* length属性
* 数值下标属性
* 没有数组特别的方法:forEach()、push()、pop()、splice()
console.log($buttons instanceof Array)//false
//自定义一个伪数组
var weiArr = {}
weiArr.length = 0
weiArr[0] = 'atguigu'
weiArr.length = 1
weiArr[1] = 123
weiArr.length = 2
for (var i = 0; i < weiArr.length; i++) {
var obj = weiArr[i]
console.log(i,obj)
}
console.log(weiArr.forEach,$buttons.forEach)//undefined,undefined