jQuery入口函数
- 等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完毕
$(function () {
// 此处是页面DOM加载完成的入口
});
$(document).ready(function () {
// 此处是页面DOM加载完成的入口
$('div').hide()
);
演示代码
- 由于本人使用Flask Jinjia2注释样式为 {# #}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
{# <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>#}
<script src="../static/jquery.min.js"></script>
<style>
div {
width: 200px;
height: 200px;
background-color: pink;
}
</style>
</head>
<body>
<h1>Hello the World</h1>
<script type="text/javascript">
# 最原始的写法但是要求DIV提前加载
$('div').hide();
# 方法1. 等着DOM加载完毕后再去执行js代码
$(document).ready(function () {
$('div').hide()
});
# 方法2. 等着DOM加载完毕后再去执行js代码 隐藏DIV
$(function(){
$('div').hide();
});
</script>
<div></div>
</body>
</html>
END
