学习JQery第一次出现的错误---加载顺序_jq 修改失败渲染顺序-优快云博客

本文链接：https://blog.youkuaiyun.com/MyCodeDream/article/details/44041989

本文分享了作者初次接触jQuery的学习体验，强调了其在提高开发效率及功能强大性上的优势。通过一个实际问题的解决过程，展示了在未完全加载的情况下执行代码可能导致的错误，并提供了正确的解决方案。提醒读者注意jQuery的`$(document).ready()`函数的重要性，避免在页面加载前尝试执行事件响应。

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

今天，算是刚开始学习JQery，先说说总体的感觉，就是jquery就是为JavaScript服务的，而且在开发效率上得到了很大的提升，另一方面jquery的功能非常强大，虽然还没有学习其它的JavaScript框架，但觉得在日常的开发中已经完全满足了，而且jquery是市场占有率最高的，学习它，还是有非常大的好处的，不用多少了，先说说我今天遇到的一个问题，让我非常苦恼，明明正确的表示了click事件，但是不知道为什么就是现实不出来，经过反复改正还是不正确，这就让我非常苦恼，这个专研的过程是非常复杂的，也是非常痛苦的，又是浪费了整整一下午，但话说回来，这会让我更加张记性的。

步入正题：下面是我之前的代码

<html>
	<head>
		<title>测试JQuery</title>
		<meta charset = "utf-8"/>
		<style>
			.class_1{
				background-color: red;
			}
		</style>
		<script type = "text/javascript" src = "../JQuery/jquery.js"></script>
		<script language = "javascript">
			$(document).ready(function(){
				window.alert("Hello JQuery!");
			});
			//这里触发事件后不能输出您好
			$('#test').click(function(){
				window.alert('您好');
			});
		</script>
	</head>
	<body>
		<input class = "class_1" type = "button" id="test" value = "点击测试"/>
	</body>
</html>

一开始看怎么都没有错误啊，后来看也是。。。。。

后来没有办法向百度花了我二十个积分让高手帮我，终于，不到一分钟，问题解决了，那就是我在没有加载完的情况下去执行代码时不正确的，要需要如下的代码段：

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

把响应事件写到里面才会正确的执行。之前没有执行时因为没有加载完成，这是我学习jquery出现的第一个问题，纪念一下。。。。