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

jQuery之对象

时间:2020-07-11 19:09:39      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:strong   包含   java   min   har   char   class   输出   each   

jQuery对象

说明:

  是一个包含所有匹配的任意多个dom元素的伪数组对象。

基本行为:

  size()/length:包含的DOM元素个数。

  [index]/get(index):得到对应位置的DOM元素。

  each():遍历包含的所有DOM元素。

  index():得到在所在兄弟元素中的下标。

示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery对象</title>
</head>
<body>

<button>测试一</button>
<button>测试二</button>
<button id="btn3">测试三</button>
<button>测试四</button>

<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
    /*
     * 需求:
     * 1.统计一共有多少个按钮
     * 2.取出第2个button的文本
     * 3.输出所有button标签的文本
     * 4.输出‘测试三‘按钮是所有按钮中的第几个
     */
    $(function (){
        var $btns = $(button);
        console.log($btns);
        //1.统计一共有多少个按钮
        console.log($btns.size(), $btns.length);
        //2.取出第2个button的文本
        console.log($btns[1].innerHTML, $btns.get(1).innerHTML);
        //3.输出所有button标签的文本
        $btns.each(function () {
            console.log(this.innerHTML);
        });
        //4.输出‘测试三‘按钮是所有按钮中的第几个
        console.log($(#btn3).index());
    });
</script>
</body>
</html>

jQuery之对象

标签:strong   包含   java   min   har   char   class   输出   each   

原文地址:https://www.cnblogs.com/hfl1996/p/13284513.html

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