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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,378评论 2 17
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,621评论 0 21
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 4,191评论 0 3
  • 人世间说两个人的相遇在前世修行千年,不如说不是在这样的机缘巧合让我遇到你,我想我是难过的。与其与百花争艳,不如甘于...
    斑竹园小书童阅读 3,514评论 0 1