jQuery核心对象

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