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
