JQuery学习1(JQuery安装使用)

一、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文档的开始。

发布了157 篇原创文章 · 获赞 217 · 访问量 28万+

猜你喜欢

转载自blog.csdn.net/kenjianqi1647/article/details/105199855