JQuery思想整理

4.jQuery两把利器之jQuery核心对象

2018-04-18  本文已影响2人  修卡录

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())

上一篇 下一篇

猜你喜欢

热点阅读