使用jQuery管理选择结果

2020-05-23 06:09:11易采站长站整理

使用jQuery选择出来的元素与数组非常类似,可以通过jQuery提供的一系列方法对其进行处理,包括长度、查找某个元素,截取某个段落等。

1.获取元素的个数。

在jQuery中可以通过size()方法获取选择器中元素的个数,它类似数组中的length属性,返回整数值,例如:

$(“img”).size()
获取页面中,所有图片<img>的数目

如下是一个实例,通过不断的点击添加div块并计算页面中的<div>块。


<style>
            div {
                border: 1px solid #003a75;
                background-color: #FFFF00;
                margin: 5px;
                padding: 20px;
                text-align: center;
                height: 20px;
                width: 20px;
                float: left;
            }
        }
        </style>
        <script type=”text/javascript”>
            document.onclick = function() {
                var i = $(“div”).size() + 1; //获取div的数目,(此时还没有div块)
                $(document.body).append($(“<div>” + i + “</div>”)); //添加一个div块
                $(“#number”).html(i);
            }
        </script>
页面中一共有<span id=”number”>0</span>个DIV块。单击鼠标添加

2.提取元素

在jQuery中选择器中,如果想提取某个元素,最直接的方法是采用方括号加序号的形式,例如;

$(“img[title]”)[1]获取了所有设置了title属性的img标记中的第二个元素。jQuery也提供了get(index)方法来提取元素,以下的代码与上面的完全等效