[jQuery]入口函数(一)
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
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17