理解JQuery是一个包装集

最新推荐文章于 2025-09-04 14:20:39 发布

原创最新推荐文章于 2025-09-04 14:20:39 发布 · 116 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#理解JQuery是一个包装集

Javascript、JQuery练习专栏收录该内容

69 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <script src="JQuery/jquery-2.0.0.js" type="text/javascript"></script>
</head>
<body>
    <input type="button" value="判断" id="btn1" />
    <input type="button" value="判断" id="btn2" />
    <input type="button" value="判断" id="btn3" />
    <input type="button" value="判断" id="btn4" />
    <script type="text/javascript">
        $(function () {
            //如何判断页面中存不存在某个元素，由于JQuery对象就是一个dom对象的集合，所以可以访问它的length属性
            if ($("#btn1").length > 0) {
                alert("存在该元素！");
            } else {
                alert("不存在该元素!");
            }
            //由于JQuery对象是一个包装集，所以我们可以通过下标访问里边的每一个dom对象.通过下标访问返回的是dom对象
            for (var i = 0; i < $("input").length; i++) {
                alert($("input")[i].id);//这里返回的是dom对象
            }
        });
    </script>
</body>
</html>