<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery与标准js区别</title>
<!--
使用js原生语法
<script type="text/javascript">
window.onload=function(){
//通过原生js语法获取id为imooc1的元素p
var p=document.getElementById('day1');
//将元素p在html中内容改变
p.innerHTML='今天的天气超好呢！！！';
//将元素p的内容颜色改为红色
p.style.color='red';
}
</script>
-->
<!--使用jQuery语法-->
<script src="D:\ChromeCoreDownloads\jquery-3.3.1.js" type="text/javascript">
$(document).ready(function() {
/*
通过jQuery语法获取id为imooc2的元素获得一个jQuery对象
调用该对象的html()方法进行更改内容
调用该对象的css()方法进行更改颜色样式
*/
var $p =$('#day2');
$p.html
('p2:今天天气超好呢！！！').css('color','red');
});
</script>
</head>
<body>
<p id="day2"></p>
</body>
</html>
代码我运行过了，最后发现JS库是引用和JS代码不应该放在一起，样式差不多就是这样：
<script src="js/jquery-1.10.1.js" type="text/javascript"></script>
<script>
.......
//这里放代码
</script>
jquery库的问题，用这个<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>