$(document).ready is not a function的问题 -优快云博客

本文详细描述了在使用jQuery表单验证时遇到冲突问题的解决过程，通过替换jQuery中的‘$’操作符为‘jQuery’，成功解决了与Prototype包的冲突，最终实现了预期的功能开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参照：http://blog.youkuaiyun.com/update_158/article/details/6409757

下午完成了一个模块功能的开发，本来测试好的jquery表单验证怎么也出不来了。打开firebug，看到控制台里赫然提示：$(document).ready is not a function。感觉怪怪的，其它页面也
是写着 $(document).ready(function(){ 啊，怎么偏偏在这个页面出问题了呢。仔细想想，调试完成还是一两点的

事情。在这之后换过项目里使用的WEB编辑器，印象中好像导入了prototype的包，难道是它的问题。。。。。

哈哈，终于发现一条重要线索：我曾经也看过一点儿prototype的资料，记得它也是用"$"操作符代替

“document.getElementById”操作，很有可能是它们冲突了。问题发现了，可是怎么解决呢？俺对jquery不太熟，

只能上网搜搜了，果然在这里找到可以用"jQuery"来代替jquery的“$”操作符。吃一堑又长了一智，嘿嘿。
将js中的“$”全部替换成"jQuery"，问题得以解决，哈哈！

形如：

			$(document).ready(function(){
				 var div_num=1;			
				 $(".info").each(function(){
					$(this).attr("id","info_"+div_num);
					$(this).hide();
					div_num++;
				  });
				for(var i=1;i<=3;i++){
					$("#info_"+i).show();
				}
				alert("welcome");
			});

改为：

			jQuery(document).ready(function(){
				 var div_num=1;			
				 jQuery(".info").each(function(){
					jQuery(this).attr("id","info_"+div_num);
					jQuery(this).hide();
					div_num++;
				  });
				for(var i=1;i<=3;i++){
					jQuery("#info_"+i).show();
				}
				alert("welcome");
			});