JS 在线引入jQuery

最新推荐文章于 2025-04-19 14:03:57 发布

白色单肩包

最新推荐文章于 2025-04-19 14:03:57 发布

阅读量1.7w

点赞数 3

文章标签： jQuery 在线引入点击事件弹框提示前端开发

本文链接：https://blog.youkuaiyun.com/qq_46290634/article/details/124194204

版权

本文介绍了如何在HTML中通过不同来源引入jQuery库，并展示了使用jQuery实现点击按钮触发弹框提示的基本示例。

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

1、在线引入只需要在html中的head里引入一行代码，下面有百度、官网、微软的jQuery亲测有效

<!-- 官网jquery压缩版引用地址: -->
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<!-- 百度压缩版引用地址: -->
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<!-- 微软压缩版引用地址: -->
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>

2、使用jQuery实现点击事件弹框提示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>jQuery</title>
		<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
	</head>
	<body>
		<button id="btn">点击弹框</button>
	</body>
	<script>
		$("#btn").click(function() {
			alert('hello jQuery')
		})
	</script>
</html>