码迷,mamicode.com
首页 > Web开发 > 详细

jQuery对象

时间:2018-07-26 15:09:12      阅读:141      评论:0      收藏:0      [点我收藏+]

标签: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
  
  

 

jQuery对象

标签:type   col   没有   inner   javascrip   iar   obj   匹配   个数   

原文地址:https://www.cnblogs.com/caicaihong/p/9371087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!