var $first=$div.first() shayisi

来源:1-6 DOM对象转化成jQuery对象

慕少3363232

2017-11-04 16:28

<body>

<div>元素一</div>

<div>元素二</div>

<div>元素三</div>


    <script type="text/javascript">


    var div = document.getElementsByTagName('div'); //dom对象

            var $div = $(div);

   //将dom节点div转化为$div的jquery对象

            // $div =  ?

            

var $first=$div.first()//找到第一个div元素        

            var $second = $div.eq(1);//找到第二个div元素        

            var $third = $div.eq(2);//找到第三个div元素        

$first.css('color', 'red'); //给第一个元素设置颜色

            $second.css('color','yellow');//给第二个元素设置颜色

            $third.css('color','blue');//给第三个元素设置颜色

            

    </script>


</body>


</html>


写回答 关注

2回答

  • 嘿大宝
    2018-08-21 16:09:42

    找到里的第一个(first())div($div),取个名字叫¥first(var first)

  • qq_絔看不恹_0
    2017-11-04 21:24:54

    var $first=$div.first() shayisi

    <body>

    <div>元素一</div>

    <div>元素二</div>

    <div>元素三</div>


        <script type="text/javascript">


        var div = document.getElementsByTagName('div'); //dom对象

                var $div = $(div);

       //将dom节点div转化为$div的jquery对象

                var $div =$(div);

                

    var $first=$div.first()//找到第一个div元素        

                var $second = $div.eq(1);//找到第二个div元素        

                var $third = $div.eq(2);//找到第三个div元素        

    $first.css('color', 'red'); //给第一个元素设置颜色

                $second.css('color','yellow');//给第二个元素设置颜色

                $third.css('color','blue');//给第三个元素设置颜色

                

        </script>


    </body>


    </html>


jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题