[jQuery]入口函数
Posted leoshi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[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
以上是关于[jQuery]入口函数的主要内容，如果未能解决你的问题，请参考以下文章
jquery 1，2，3三个版本的下载区别/以及jquery使用步骤，jQuery入口函数
jQueryjQuery 简介jQuery 入口函数 vs JavaScript入口函数$(selector).action()jQuery 选择器jQuery 事件this复习！