新手上路 jquery 选择器篇(一) 代码笔记

来源：互联网发布：基础英语词汇知乎编辑：程序博客网时间：2024/06/05 11:20
<head>    <meta charset="UTF-8">    <title></title>    <script type="text/javascript" src="js/jquery-3.2.1.js"></script></head><body>    <div id="div1">        徐凤年    </div>    <div id="div1">        四顾剑    </div>    <div class="div1">        打生打死            </div>    <div class="div1">        小道士    </div>    <p class="div1">古龙惯例</p>    <p>小说古龙</p>        <!--        jQuery选择器:$(选择器)        基础选择器:        id选择器:相同id的元素,只能取到第一个        类选择器        元素选择器        通用选择器        组合选择器    -->    <script type="text/javascript">        console.log(">=-------------->");        console.log(">=-------------->");        console.log(">=-------------->");        console.log(">=-------------->");        console.log(">=------id选择器-------->");         //id选择器         var div1 = $('#div1');         div1.each(function(){            console.log(this); //相同id的元素,只能取到第一个         });        console.log(">=------元素选择器-------->");        var p1 = $('p');        p1.each(function(){            console.log(this);                      });        console.log(">=------类选择器-------->");        var cla1 = $('.div1');        cla1.each(function(){            console.log(this);        });        console.log(">=------通用选择器-------->");        var alls = $('*');        alls.each(function(){            console.log(this);                      });        console.log(">=------组合选择器-------->");        var groupdiv = $('p, .div1');        groupdiv.each(function(){            console.log(this);                  });    </script>
阅读全文
0 0