摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>jQuery基本語(yǔ)法</title><script src="jqu/jq_3.3.1_mi.js"></script
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery基本語(yǔ)法</title>
<script src="jqu/jq_3.3.1_mi.js"></script> //必須鏈接jQuery文件
<style>
.box{width: 300px;height: 300px;border: 1px solid #ccc;margin: 0px auto;background: gold;}
</style>
</head>
<body>
<div class="box"></div>
<button>點(diǎn)擊變色變寬</button>
<script>
$(document).ready(function(){ //文檔就緒函數(shù)
$('button').click(function(){ //獲取button并點(diǎn)擊
$('.box').css('background','red') //改變背景顏色
$('.box').css('width','800px') //改變DIV寬度
})
})
</script>
</body>
</html>
批改老師：西門大官人批改時(shí)間：2019-02-17 09:33:48
老師總結(jié)：作業(yè)寫的很好。以后寫js代碼的時(shí)候，最好加上分號(hào)";"