摘要:整理jQuery的基础语法:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery</title> &
整理jQuery的基础语法:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery</title>
<script src="static/js/jquery-3.4.1.js"></script>
</head>
<body>
<div style="width: 100px;height: 100px;background-color: #ff5500"></div>
<input type="button" value="显示">
<script>
//文档就绪函数,基本格式:
$(document).ready(function () {
//jQuery代码,此函数防止文档完全加载之前,运行js代码
$('div').hide();
$('input').click(function () {
$('div').show();
})
})
</script>
</body>
</html>总结:
1、jQuery基本语法:$(selector).action()
2、文档就绪函数,基本格式:
$(document).ready(function () {
//这里放jQuery代码,此函数防止文档完全加载之前,运行js代码
})
批改老师:天蓬老师批改时间:2019-07-01 17:45:14
老师总结:jQuery, 做为一个古老的前端框架, 一直以来是前端程序员的最爱, 掌握它还是很有必要的.....