在JS中,往往将获取元素语句写到页面头部,以避免元素还没有加载而出错,有两种方法,一种是window.onload = function(){},另一种是jquery提供的ready方法,实际中一般用第二种,因为ready在加载网页时不需要渲染,速度更快。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
window.onload = function(){
var oDiv = document.getElementById('div');
alert(oDiv.innerHTML);
}
$(document).ready(function(){
var $div = $('#div');
alert($div.html()+'jquery');
});
//可以简写为这种形式
$(function(){
var $div = $('#div');
alert($div.html()+'haha');
});
</script>
</head>
<body>
<div id="div">这是一个div元素</div>
</body>
</html>