                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础 (一)—样式篇

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

var div = d

ocument.getElementsByTagName('div');

var $div=$(div);

var $first = $div.first();

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

慕粉1474207369

2018-10-07

源自：jQuery基础 (一)—样式篇 1-6

关注问题我要回答

1198

操作

收起

4 回答

qq_夏佐_0
2018-12-03

看我代码：

// 把你的代码放在里面：
$(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

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

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

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

0 回复有任何疑惑可以回复我~

胖头鱼yyf
2018-10-09

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

0 回复有任何疑惑可以回复我~

慕粉1474207369 提问者
2018-10-07

<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

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

2018-10-22 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础 (一)—样式篇

参与学习 217511 人
解答问题 1218 个

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

本课相似问答

3 回答引用本地jQuery怎么不行？

3 回答改了库文件也没效果。。。

2 回答为什么隐藏效果没有实现？

4 回答代码有几行不懂

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

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载