jQuery选择器--php培训九期线上班

# 根据给定的ID匹配一个元素

.class根据给定的类匹配元素,一个元素可以有多个类，只要有一个符合就能被匹配到

空格 在给定的元素下匹配所有的后代元素

> 在给定的父元素下匹配所有的子元素

+ 匹配所有紧接在给定元素后面的元素

~匹配 给定元素之后的所有同辈元素

<div class="mydiv1">
    <input type="text" id="intext" value="" name="intext" placeholder="输入你的成绩">
    <p id="on" ># 根据给定的ID匹配一个元素</p>
    <p id="on2" > # 根据给定的ID匹配一个元素</p>
    <p id="on3"  ># 根据给定的ID匹配一个元素</p>
<div>
    <p class="on" >.class根据给定的类匹配元素,一个元素可以有多个类，只要有一个符合就能被匹配到</p>
    <p class="on" >.class根据给定的类匹配元素,一个元素可以有多个类，只要有一个符合就能被匹配到</p>
    <p class="on3" >.class根据给定的类匹配元素,一个元素可以有多个类，只要有一个符合就能被匹配到</p>
</div>
<div id="mydiv">
    <p >  在给定的元素下匹配所有的后代元素</p>
    <p >   在给定的元素下匹配所有的后代元素</p>
    <a > > 在给定的父元素下匹配所有的子元素</a>
    <a>  > 在给定的父元素下匹配所有的子元素</a>
    <div class="div2">
        <div class="div3"> + 匹配所有紧接在给定元素后面的元素</div>
        <a> + 匹配所有紧接在给定元素后面的元素</a>
    </div>
    <p>~匹配 给定元素之后的所有同辈元素</p>
    <p>~匹配 给定元素之后的所有同辈元素</p>
</div>
</div>
     <script >
         // # 根据给定的ID匹配一个元素
        var on1= $('#on');
        var on2= $('#on2');
         var on3= $('#on3')
        console.log(on1);
         console.log(on2);
         console.log(on3);
         // .class 根据给定的类匹配元素
         // 查找所有类是 "on" 的元素.
         var on1=$('.on');
         var on3=$('.on3');
         console.log(on1);
         console.log(on3);
         //   在给定的元素下匹配所有的后代元素
        var on4=$('.mydiv1 p');
         var on5=$('#mydiv p');
        console.log(on4);
         console.log(on5);
         // >  在给定的父元素下匹配所有的子元素,
         var child=$('div > a');
         console.log(child);
        // + 匹配所有紧接在给定元素后面的元素
         var alla=$('div + p');
         console.log(alla);
         // ~ 匹配 给定元素之后的所有同辈元素
        var div2=$('.div2 ~ p');
        console.log(div2);
    </script>