源代码实现不了效果，本地也不行-慕课网

首页课程实战体系课手记专栏慕课教程

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

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

慕粉1474207369

2018-10-07 21:09

var div = d

ocument.getElementsByTagName('div');

var $div=$(div);

var $first = $div.first();

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

写回答关注

4回答

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 0

嘻哈路过

2018-10-10 15:51:37

这个和JS的加载有关系，因为JS是从上至下的编译，所以在运行到
document.getElementsByTagName('div'); 时进行页面查找div标签，但此时页面没有加载。所以为空
所以一般在编写JS的时候是放在末尾的，css可以放在head

0 0
胖头鱼yyf

2018-10-09 15:36:55

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

0 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 1

isSmal...

在head标签里面需要调用ready函数在结尾的话是页面加载完成后执行所有不需要加ready函数

2018-10-22 14:37:58

共 1 条回复 >

jQuery基础 (一)—样式篇

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

217509 学习 · 1218 问题

相似问题

回答 3

回答 3

回答 2

代码有几行不懂

回答 4

将课程代码复制到其他地方该没效果，怎么办？

回答 5

打开慕课网App查看更多内容