七、JQuery-1、概述
2018-06-02 本文已影响0人
cybeyond
1、JQuery是什么
- 在JavaScript基础上开发出来的，对JavaScript进行了封装，功能更强大，操作更方便的一种javascript库
- JQuery=JavaScript+Query=通过JavaScript从文档中查询元素，并对其进行操作
- 轻量级的JavaScript库
2、特点
- 简洁的语法
- 跨浏览器的兼容性
- 适合用于文档遍历、DOM操作、事件处理、动画特效、AJax等
3、主要功能
- 获取网页元素
- 设置网页外观
- 更改网页内容
- 响应用户操作(事件)
- 添加动画效果
- 实现AJax交互
4、选择的原因
- 轻量级，只有几十K
- 跨浏览器兼容性
- 基于CSS选择器
- 面向集合
- 详细的文档
- 丰富的UI空间（easy ui），即用户界面
- 与其他js库可以共存（Dojo、ext js）
- 免费开源
5、调试JQuery环境
<html>
<head>
<meta http-equiv="Content-Type content="text/html;charset=gbk" />
<style type="text/css">
#info
{
width:500px;
height:500px;
background-color:blue;
display:none;
}
</style>
<script type="text/javascript" src="jslib/jquery-3.3.1.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){//匿名函数
$("#info").show(2000);
});
});
</script>
</head>
<body>
<input type="button" value="测试" id="btn"/>
<div id="info"></div>
</body>
</html>
执行结果
JQquery选择器：http://www.blogjava.net/ywj-316/archive/2010/01/21/310340.html
