jQuery document ready
时间：2020-02-23 14:46:06 来源:igfitidea点击:
我确信您已经看过很多jQuery文档就绪功能。
$(document).ready()指定在完全加载文档对象模型(DOM)之后要运行的jQuery函数。
jQuery文档准备就绪
我们必须确保网页已准备就绪，可以通过jQuery方法进行操作。
因此，将所有代码都包含在jQuery文档就绪功能块中始终是最佳做法。
jQuery文档就绪函数语法
- $(document).ready(函数)
- $(函数)
首先我们使用$(document)从文档创建一个jQuery对象。
然后在那个jQuery对象上调用.ready()函数，然后传递我们要执行的函数。
第二种语法$(function)可以替代$(document).ready()。
此方法与" onload"属性不兼容。
通常，它不与 <body onload ="">"一起使用。
如果要使用load属性，则可以在jQuery中使用.load()函数，而不是.ready()函数。
jQuery文档就绪函数示例
以下示例演示了如何在网页上使用jQuery文档就绪功能。
通常，我们在打开脚本标记(<script>)之后包含document.ready函数。
单击按钮和切换功能位于文档就绪块内。
因此，它不会在加载<button>和<div>元素之前执行。
<html>
<head>
<title>jQuery Document Ready Function Example</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("button").click(function () {
$(".textLine").toggle();
});
});
</script>
</head>
<body>
<button>Click Here to Toggle</button>
<div class="textLine" style="background-color:yellow;">
This is a yellow line.....
</div>
</body>
</html>
