1. jQuery对象是一个包含所有匹配的任意多个dom元素的伪数组对象
2. 基本行为
size()/length属性: 包含的DOM元素个数
[index]/get(index): 得到对应位置的DOM元素
each(): 遍历包含的所有DOM元素
index(): 得到在所在兄弟元素中的下标(调用这个方法的对象基本都是包含多个兄弟元素的)
例子说明:
测试一
测试二
测试三
测试四
//需求1. 统计一共有多少个按钮
//获取button的jquery对象
var $buttons=$("button");
console.log($buttons.length,$buttons.size());
//需求2. 取出第2个button的文本
/*[index]/get(index): 得到对应位置的DOM元素*/
console.log($buttons[1].innerHTML,$buttons.get(1).innerHTML);
// 需求3. 输出所有button标签的文本
$buttons.each(function(){
console.log(this.innerHTML)
})
//需求4. 输出'测试三'按钮是所有按钮中的第几个
console.log($("#btn3").index())