问答详情
源自：1-6 DOM对象转化成jQuery对象

源代码实现不了效果，本地也不行


    var div = d


ocument.getElementsByTagName('div'); 

    var $div=$(div);

    var $first = $div.first(); 

    $first.css('color', 'red'); 




提问者：慕粉1474207369 2018-10-07 21:09

个回答

  • qq_夏佐_0
    2018-12-03 17:02:18

    看我代码：

    // 把你的代码放在里面：
$(document).ready(function () {

      }

    // 看我代码：
$(document).ready(function () {
            var div = document.getElementsByTagName("div");
            var $div = $('div');
            var $first = $div.first();
            $first.css('color','red');
//            $div.eq(1).css('color','red');
        });


    0
  • 嘻哈路过
    2018-10-10 15:51:37

    这个和JS的加载有关系，因为JS是从上至下的编译，所以在运行到

    document.getElementsByTagName('div'); 时进行页面查找div标签，但此时页面没有加载。所以为空

    所以一般在编写JS的时候是放在末尾的，css可以放在head

    0
  • 胖头鱼yyf
    2018-10-09 15:36:55

    因为是从上到下读取代码，你加个window.onload=function(){代码}就可以了

    0
  • 慕粉1474207369
    2018-10-07 21:15:50

    <body>

    <div>第一个盒子</div>

    <div>第一个盒子</div>

    <div>第一个盒子</div>

    <script type="text/javascript">

        var div=document.getElementsByTagName('div');

        var $div=$(div);

        var $first=$div.first()

        $first.css('color','red');

        </script>

    </body>

    这是我本地的代码，虽然效果实现了，但是还是想问一下，问什么将Javascript代码放在head标签里面就没有效果了呢？

    1