JQuery基础选择器

最新推荐文章于 2023-07-20 11:19:09 发布

零怀念

最新推荐文章于 2023-07-20 11:19:09 发布

阅读量135

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/linghuainian/article/details/81808751

版权

JQuery 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

$("#id")            //ID选择器，可简写成$(id)
$("div")            //元素选择器
$(".classname")     //类选择器
$("*")              //所有元素
$(".classname,.classname1,#id1")     //组合选择器

只有ID选择器返回的是一个元素，其他返回的都是元素的集合。

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
    <script>
        $(function () {
            //id选择器
            var div=$("#i1");

            //元素选择器
            var ps=$("p");

            //类选择器
            var c2s=$(".c2");
            
            //所有元素
            var all=$("*");

            console.log(div);
            console.log(ps)
            console.log(c2s)
            console.log(all)

        });
    </script>
</head>
<body >
<div id="i1" class="c1">hello china
    <p id="i2" class="c2">hello world</p>
</div>
<p id="i3" class="c2"></p>

</body>


</html>

运行结果: