JQuery学习1（JQuery安装使用）

最新推荐文章于 2024-04-01 06:02:37 发布

herryone123

最新推荐文章于 2024-04-01 06:02:37 发布

阅读量527

点赞数 1

分类专栏： Web前端

本文链接：https://blog.csdn.net/kenjianqi1647/article/details/105199855

版权

Web前端专栏收录该内容

19 篇文章 2 订阅

订阅专栏

一、JQuery简介

1、JQuery

JQuery是一个JavaScript库，它通过处理JavaScript编程的诸多细节，使编程更为简单。JQuery提供了一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、CSS设计和Ajax交互。

2、JQuery优点

提供了可靠而富有效率的选择器，可以准确检测和操纵文档元素。
不受限于浏览器的兼容性，提供了跨浏览器的标准解决方案。
使DOM操作规范化
提供了丰富的页面事件

二、JQuery安装使用

1、下载JQuery

JQuery有两个版本可供下载：

Production version - 用于实际的网站中，已被精简和压缩。
Development version - 用于测试和开发（未压缩，是可读的代码）

下载链接：https://jquery.com/download/

打开该链接，右键单击另存为js文件。

2、使用JQuery

使用JQuery时，只需要把下载的库文件放到站点中，然后导入到页面中即可。

<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style type="text/css">

	</style>
	<link type="text/css" rel="stylesheet" href="style.css">
	<script src="jquery/jquery-3.4.1.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(
			function(){
				alert("测试JQuery成功");
			}
		)
	</script>
</head>

<body>
	<input id="btn" type="button" value="按钮" data="test"/>

</body>

$是jquery的别名，等效jQuery()，所有jQuery操作必须从该函数切入，jQuery()相当于页面初始化事件处理函数，当页面加载完成后，会执行jQuery()函数里的函数。

jQuery操作DOM文档时，必须确保在DOM载入完毕后开始执行，使用ready事件作为处理HTML文档的开始。

herryone123

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JQuery学习1（JQuery安装使用）

1、下载JQueryJQuery有两个版本可供下载：Production version - 用于实际的网站中，已被精简和压缩。 Development version - 用于测试和开发（未压缩，是可读的代码）下载链接：https://jquery.com/download/2、使用JQuery使用JQuery时，只需要把下载的库文件放到站点中，然后导入到页面中即...
复制链接

扫一扫