jQuery实现第一页面
上一节
下一节
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>10.3jQuery实现第一页面</title>
<script src="../js/jquery-3.1.1.min.js"></script>
<script>
//jQuery实现
$(function(){
//1.获取jQuery对象
var $div1 = $('#div1');//获取id为div1的对象
//2.为$div1赋值
$div1.html("Hello jQuery !");
});
//JavaScript实现
window.onload = function(){
//1.获取div2对象
var div2 = document.getElementById('div2');
//2.赋值操作‘
div2.innerHTML = "Hello JavaScript";
};
</script>
</head>
<body>
<!--
实现：将1替换成Hello jQuery 用jquery实现
将2替换成Hello JavaScript 用JavaScript实现
-->
<div id="div1">1</div>
<div id="div2">2</div>
</body>
</html>
