- 认识JQuery
- 引入JQuery
- JQuery语法
认识JQuery
1.jQuery：jQuery 库可以通过一行简单的标记被添加到网页中
2.什么是jQuery：jQuery是一个JavaScript函数库，是对JavaScript的封装，也封装了浏览器兼容性问题，不用再担心浏览器兼容性。
3.jQuery库包含的功能：
- HTML元素的选取
- HTML元素操作
- CSS操作
- HTML事件函数
- JavaScript特效和动画
- HTML DOM遍历和修改
- AJAX 请求数据
- Utilities 工具类
引入JQuery的方法
引入JQuery.png
JQuery官网：链接
JQuery语法
1、基础语法
基础语法：$(selector).action()
美元符号：定义jQuery
选择符：(selector) ‘查询’和‘查找’HTML元素
jQuery的action()执行对元素的操作
例如：$(this).hide() -隐藏当前元素
$("p").hide() -隐藏所有段落
可以在下面网站下载你需要的jQuery:jquery所有版本
引入jQuery：
引入.png
示例代码必须注意引入js 的顺序：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery.min.js"></script>
<!--在jQuery之后引用-->
<script src="app.js"></script>
</head>
<body>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
</body>
</html>
$(document).ready(function () {
// alert("文档加载完毕");
$("p").click(function () {
$(this).hide();
})
});
