• $（document）.ready（function（）{}）; vs脚本在页面底部（vs当前页面的脚本发生错误如何解决）
• $(document).ready is not a function的问题
• $(document).ready(function()
• $(document).ready(function() {})不执行初始化脚本_jquery
• $(function() {})和$(document).ready(function(){ })

$（document）.ready（function（）{}）; vs脚本在页面底部（vs当前页面的脚本发生错误如何解决）

在页面底部编写脚本并在其中编写脚本有什么区别/优点/缺点？

$(document).ready(function(){});

答案1

无论哪种方式，DOM本身都几乎可以为您准备好进行操作在从Google阅读此内容之前，我对此一直感到不安）。如果使用页面末尾技巧，您的代码可能会被一点一点，一点点地调用，但是没关系。但更重要的是，此选择与将JavaScript链接到页面的位置有关。

如果您将script标签包含在中head并依赖ready，则浏览器会在您script向用户显示任何内容之前遇到您的标签。在正常情况下，浏览器会停止运行，然后继续下载您的脚本，启动JavaScript解释器，然后将脚本交给它，然后等待解释器处理脚本（然后jQuery以各种方式监视为DOM准​​备就绪）。（我说“在正常情况下”，因为某些浏览器支持标记上的async或defer属性script。）

如果您script在body元素的末尾添加标签，则浏览器将不会执行所有操作，直到您的页面已经大部分显示给用户为止。这可以缩短页面的加载时间。

因此，为了获得最佳的感知加载时间，请将您的脚本放在页面底部。如果您要这样做，则无需使用ready，尽管您当然可以选择使用。

但是，这样做有一个代价：您需要确保用户可以看到的事物已经准备好与之交互。通过将下载时间移动到页面主要显示后的位置，可以增加用户在加载脚本之前开始与页面进行交互的可能性。这是将script标签放在末尾的反论点之一。通常这不是问题，但是您必须查看页面以查看是否存在问题，如果是，则要如何处理。（您可以在中放置一个小的
内联_ script元素，以head设置文档范围的事件处理程序来解决此问题。这样，您可以缩短加载时间，但是 如果
他们尝试过早地做某事，您可以告诉他们，或者更好地，将他们想做的事情排入队列，并在准备好完整脚本后再做。）

$(document).ready is not a function的问题

$(document).ready(function() {
$('#getJson'').click(function() {
jQuery.ajax({
type: "PUT",
url: "*****",
success: function(json){***}
});
里面的内容用*省略掉
大概是这么个意思
上面这段代码报：$(document).ready is not a function
但我看别人的许多代码都是这么写的,也没错，为什么这个会报错呢？？？
而如果改成下面的就没错：
jQuery(document).ready(function() {
jQuery('getJson'').click(function() {
jQuery.ajax({
type: "PUT",
success: function(json){***}
});

还导入了其它的js框架,比如propertype,它们的$()可能冲突了

$(document).ready(function()

页面加载完成后开始运行 do stuff when DOM is ready 中的语句

$(document).ready(function() {
// do stuff when DOM is ready
});

(document) 意思是说，获取整个网页文档对象（类似的于 window.document），$(document).ready 意思就是说，获取文档对象就绪时。

实例代码：

<script type="text/javascript">
	$(document).ready(function() {
			$("#appType").change(function(){
			var id=$("#appType").val();
			$.ajax({
				url:"${ctx}/help/appHelp/findProblems/", 
				data:{"id":id},  
			        type:''get'',
			        dataType:''json'',
				success : function(data){
				//alert(data);
				var html="<option value='''' lable=''''></option>";
				for(var i in data){
			         html=html+"<option value="+data[i].id+">"+data[i].name+"</option>";
				}
				$("#appProblemType\\.id").empty().append(html);
				$(".appProblems").show();
			 }
			})					
		  });
	});
	function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#searchForm").submit();
	        return false;
	       }
</script>

<div class="pagination">${page}</div>

$(document).ready(function() {})不执行初始化脚本_jquery

今天发现一个页面始终不执行初始化脚本，代码如下：

<script type="text/javascript" src="Script/jquery-1.11.1.min.js" />
<script type="text/javascript">
$(document).ready(function() {
alert(1);
});
</script>

后来发现问题仅仅是因为引用JQuery的时候闭合写法问题，只需要修改闭合方法，如下所示：

<script type="text/javascript" src="Script/jquery-1.11.1.min.js" />

改为

<script type="text/javascript" src="Script/jquery-1.11.1.min.js"></script>

不明原因中……

$(function() {})和$(document).ready(function(){ })

 $(document).ready() 里的代码是在页面内容都加载完才执行的，如果把代码直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，此时如果标签里执行的代码调用了当前还没加载过来的代码或者dom，那么就会报错，当然如果把script标签放到页面最后面那么就没问题了，此时和ready效果一样。

       $(document).ready(function(){})可以简写成$(function(){});

注意：

      jQuery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。后面的文章会具体讲解它们之间的区别，今天先说明一下$(document).ready(function(){})的应用。

   举一个简单的例子说明。当点击div后，我们将一个div隐藏。

       如果把$(document).ready(function() {});去掉后，无法隐藏这个div：

       但是把script放到页面最后的话，就可恢复隐藏效果：

所以我们进行总结一下：

    $(document).ready 里的代码是在页面内容都加载完才执行的，如果直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，如果标签里执行的代码调用了当前还没加载过来的代码或者dom，那么就会报错。但是如果把script标签当到页面最后面那么就没问题，可以达到和ready差不多的效果。

   $(document).ready() 方法是事件模块中最重要一个函数，可以极大的提高 Web 应用程序的速度。需要注意一点，由于在 $(document).ready() 方法内注册的事件，只要 DOM 就绪就会被执行，因此可能此时元素的关联文件未下载完。例如与图片有关的 html 下载完毕，并且已经解析为 DOM 树了，但很有可能图片还没有加载完毕，所以例如图片的高度和宽度这样的属性此时不一定有效。

今天关于$和document.ready的介绍到此结束，谢谢您的阅读，有关$(document).ready is not a function的问题、$(document).ready(function()、$(document).ready(function() {})不执行初始化脚本_jquery、$(function() {})和$(document).ready(function(){ })等更多相关知识的信息可以在本站进行查询。