jquery之延迟加载

最新推荐文章于 2019-12-12 11:39:06 发布

yi杯敬明天

最新推荐文章于 2019-12-12 11:39:06 发布

阅读量1.4k

点赞数 1

分类专栏： JQuery

本文链接：https://blog.csdn.net/zj11653911007/article/details/86166764

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在jquery中有一个read()。这个函数是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。

解决jquery延迟加载的语法：

方式1：

 $(document).ready(function(){

   // 开始写 jQuery 代码...

 });

实例：隐藏和显示

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".hide").click(function(){
    $("p").hide();
  });
  $(".show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<input type="text" id="text"><br>
<p>如果你点击“隐藏” 按钮，我将会消失。</p>
<button class="hide">隐藏</button>
<button class="show">显示</button>
</body>
</html>

方式2：

 $(function(){

   // 开始写 jQuery 代码...

 });

注意：其中“方式2”是“方式1”的简写形式。

实例：隐藏和显示

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
  $(".hide").click(function(){
    $("p").hide();
  });
  $(".show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<input type="text" id="text"><br>
<p>如果你点击“隐藏” 按钮，我将会消失。</p>
<button class="hide">隐藏</button>
<button class="show">显示</button>
</body>
</html>