没毛病a,p2显示不出,我电脑的js库
<!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>