js基本选择器 硬货!!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- 基本选择器 -->
<!--id选择器-->
    <div id="notMe"><p> id="notMe"</p></div>
    <div id="myDiv">id="myDiv"</div>
    <script type="text/javascript">
        $("#myDiv")
    </script>
<!-- 结果<div id="myDiv">id="myDiv"</div> -->

<!--element选择器-->
<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>
<script type="text/javascript">
    $("div");
</script>
<!-- 结果 <div>DIV1</div>, <div>DIV2</div>  -->
<!--class选择器-->
<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>
<script type="text/javascript">
    $(".myClass");
</script>
<!--结果 <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span>-->

<!--"*"选择器-->
<div>DIV</div>
<span>SPAN</span>
<p>P</p>
<script type="text/javascript">
    $("*")
</script>
<!--结果<div>DIV</div>, <span>SPAN</span>, <p>P</p> -->
<!--selector1,selector2,selectorN选择器-->
<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>
<script type="text/javascript">
    $("div,span,p.myClass")
</script>
<!--结果 <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span>-->
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值