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