jquery⽂档就绪函数_jQuery⽂档准备就绪
jquery ⽂档就绪函数
I am sure you have seen jQuery document ready function many times. $(document).ready() specify the jQuery function to operate after the Document Object Model (DOM) is completely loaded.
我确定您已经看过jQuery⽂档就绪功能很多次了。 $(document).ready()指定在完全加载⽂档对象模型 （DOM）之后运⾏的jQuery函数。jQuery⽂档准备就绪 (jQuery document ready)
We must make sure that the web page is ready for manipulation by jQuery methods. That’s why it’s always a best practice to include all your code inside jQuery document ready function block.
我们必须确保⽹页已准备就绪，可以通过jQuery⽅法进⾏操作。 这就是为什么将所有代码都包含在jQuery⽂档就绪功能块中始终是最佳实践的原因。
jQuery⽂档就绪函数语法 (jQuery Document Ready Function Syntax)
$(document).ready( function )
$（document）.ready（函数）
$( function )
$（函数）
First we use $(document) to create a jQuery object from  the document. Then .ready() function  is called on that jQuery object, then pass the function we want to execute.
⾸先，我们使⽤$(document)从⽂档创建⼀个jQuery对象。 然后在该jQuery对象上调⽤.ready()函数，然后传递我们要执⾏的函数。
The second syntax $(function) can be used as an alternative to $(document).ready().
第⼆种语法$(function)可以替代$(document).ready() 。
This method is not compatible with “onload” attribute. Generally it is not used with <body onload="">. If you want to use the load attribute you can use .load() function in jQuery instead of  .ready() function.
此⽅法与“ onload”属性不兼容。 通常，它不与<body onload=""> 。 如果要使⽤load属性，则可以在jQuery中使⽤.load()函数，⽽不是.ready()函数。
jQuery⽂档就绪函数⽰例 (jQuery Document Ready Function Example)
Following example demonstrates how to use jQuery document ready function on the web page.
以下⽰例演⽰了如何在⽹页上使⽤jQuery⽂档就绪功能。
Generally, we ady function after the opening script tag (<script>).
jquery官方文档下载通常，我们在打开脚本标记（<script>）之后包含ady函数。
Button click and the toggle function are inside the document ready block. Therefore, it will not execute before the loading of <button> and <div> elements.
单击按钮和切换功能位于⽂档准备就绪块内。 因此，它不会在加载<button>和<div>元素之前执⾏。
<html>
<head>
<title>jQuery Document Ready Function Example</title>
<script src="code.jquery/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" >
This is a
</div>
</body>
</html>
()
jQuery⽂档就绪功能摘要 (jQuery Document Ready Function Summary)
It is always a safer practice to write all your code inside document ready function if you want to make sure that everything is working fine.
如果要确保⼀切正常，将所有代码编写在⽂档就绪函数中总是⼀种安全的做法。
That’s all about a quick roundup on document ready function in jQuery.
这就是关于jQuery中⽂档准备功能的快速汇总。
jquery ⽂档就绪函数

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。