标签:type col 没有 inner javascrip iar obj 匹配 个数
1. jQuery对象是一个包含所有匹配的任意多个dom元素的伪数组对象
2. 基本行为
* size()/length: 包含的DOM元素个数
* [index]/get(index): 得到对应位置的DOM元素
* each(): 遍历包含的所有DOM元素
* index(): 得到在所在兄弟元素中的下标
<script src="../../js/jquery-1.10.1.js" type="text/javascript"></script> <script type="text/javascript"> /* 需求: 需求1. 统计一共有多少个按钮 需求2. 取出第2个button的文本 需求3. 输出所有button标签的文本 需求4. 输出‘测试三‘按钮是所有按钮中的第几个 */ var $buttons = $("button"); console.log($buttons.length); console.log($buttons.size()) //取出的元素是dom元素之后就可以具有dom的操作 console.log($buttons[1].innerHTML) var html = $buttons.get(1).innerHTML; console.log(html) $buttons.each(function(){ console.log(this.innerHTML) }); console.log($buttons.index($("#btn3")));
自定义一个伪数组:
什么叫伪数组
/*
* 特点:
* object对象
* 有length属性
* 可以通过index访问
* 但是没有数组的特有的方法,pop push等
*/
// 自定义一个伪数组 var weiArr = {} weiArr.length = 0 weiArr[0] = ‘rainbow‘ 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
标签:type col 没有 inner javascrip iar obj 匹配 个数
原文地址:https://www.cnblogs.com/caicaihong/p/9371087.html