jQuery之对象

Posted hfl1996

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery之对象相关的知识,希望对你有一定的参考价值。

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之对象的主要内容,如果未能解决你的问题,请参考以下文章

常用Javascript代码片段集锦

前端面试题之手写promise

jQuery应用 代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。

jquery中的$的特殊用法

如何使用 jquery 从 asp.net 视图模型中动态删除行而不删除集合中的其余下一个对象