$（文档）。就绪+jQuery+understand
我正在尝试理解$document。准备好了，也许，愚蠢的这基本上是使用jQuery绘制10个div和标题图1。。。关于这一点，已经有很多问题。但是我想了解的是，相对于DOM，它是如何工作的，等等。为什么我应该使用它，为什么我不应该。我试图用这个愚蠢的例子来更好地理解它 具体地说，对于JSFIDLE示例，为什么它不能与noWrap-in和$document.readyfunction{一起使用呢 注意：也许这个例子太傻或不清楚，我不知道我想要什么，但通过你的评论，我希望能够澄清它，并得到更好的理解$（文档）。就绪+jQuery+understand,jquery,Jquery,我正在尝试理解$document。准备好了，也许，愚蠢的这基本上是使用jQuery绘制10个div和标题图1。。。关于这一点，已经有很多问题。但是我想了解的是，相对于DOM，它是如何工作的，等等。为什么我应该使用它，为什么我不应该。我试图用这个愚蠢的例子来更好地理解它 具体地说，对于JSFIDLE示例，为什么它不能与noWrap-in和$document.readyfunction{一起使用呢 注意：也许这个例子太傻或不清楚，我不知道我想要什么，但通过你的评论，我希望能够澄清它，并得到更好的理解
<!DOCTYPE html>
<html>
<head>
<title>Access Links</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- <script src="../src/jquery-1.11.0.min.js"></script> <!-- works here with $(document).ready(function(){ commented out -->
<!-- DOES NOT WORK here with $(document).ready(function(){ -->
</head>
<body>
<!-- <script src="../src/jquery-1.11.0.min.js"></script> <!-- works here with $(document).ready(function(){ commented out -->
<!-- DOES NOT WORK here with $(document).ready(function(){ -->
<div class="container" id="graphs">
<!-- My divs will go here -->
</div>
<!-- <script src="../src/jquery-1.11.0.min.js"></script> <!-- works here with $(document).ready(function(){ commented out -->
<!-- DOES NOT WORK here with $(document).ready(function(){ -->
<script>
//$(document).ready(function(){
//--------- START: Draw all your divs------------------------------------------>
var numberOfDivs =10;
for (var x = 1; x <= numberOfDivs; x += 1) {
var $div = $('<div class="chart half"><h3 id="g' + x + '">Graph' + x + '</h3><svg id="chart' + x + '"></svg></div>');
$('#graphs').append($div);
}
//--------- END: Draw all your divs------------------------------------------>
//}
</script>
<!-- <script src="../src/jquery-1.11.0.min.js"></script>
<!-- DOES NOT work here with $(document).ready(function(){ commented out -->
<!-- DOES NOT WORK here with $(document).ready(function(){ -->
</body>
</html>
如果您想了解$document.ready函数，我建议您阅读jQuery的源代码。如下所示：
// HANDLE: $(function)
// Shortcut for document ready
} else if ( jQuery.isFunction( selector ) )
return jQuery( document ).ready( selector );
如果选择器是$中的函数，$document.ready将起作用。顺便说一句，我想您想知道此函数的执行时间，当DOM树加载完成时，此函数将起作用。您的代码示例的注释使得从不起作用到起作用的比较很难理解。我完全希望示例发布到work没有使用$document.ready，因为元素是在DOM中创建后被引用的。@David tks，但也许你可以回答我在js fiddle示例中问的具体问题，你的具体问题是什么？这是我的观点，你问的不清楚。什么时候使用$document.ready？好吧，你可以在您不希望代码在文档的就绪事件之前执行，该事件在DOM完成时调用。