js和jq的加载顺序

来源:互联网 发布:jenkins windows安装 编辑:程序博客网 时间:2024/06/06 01:56

1.内部嵌入js和jq脚本代码块

<!DOCTYPE html><html><head>    <title></title>    <meta charset="utf-8">    <link rel="stylesheet" type="text/css" href="css/index.css">    <script type="text/javascript" src="js/index.js"></script>    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>    <script type="text/javascript">        $(function(){            $('li').eq(0).css("background-color","red");        })    </script></head><body>     <ul>        <li>炮怒</li>        <li>晚睡</li>        <li>早期</li>     </ul></body></html>

这里写图片描述

2.1外部式实现js和jq脚本代码(正确的)

这里写图片描述
**若jq和js两个的src调换则无法无法显示样式

2.2外部式实现js和jq脚本代码(错误的)

这里写图片描述

总结


**js用到了jq,必须先加载jq才能实现js代码块。否则会报错。

0 0
原创粉丝点击