jQuery笔记
最后更新于：2022-04-01 14:24:42
### jQuery笔记
### 简介
jquery是一个优秀的javascript库.jquery能使用户方便的处理html、events、动画，并且能方便的提供ajax交互，核心理念是write less，do more.
### 官网
[http://jquery.com](http://jquery.com)
### 版本
- 1.x 支持ie6+
- 2.x 支持ie9+
### 功能
- HMTL元素选区
- HTML元素操作
- CSS操作
- HTML元素操纵
- CSS操作
- HTML函数事件
- javascript特效和动画
- htmldom遍历和修改
- AJAX
- …
### 引入
1. 从jQuery官网下载后引入
1.
从百度、谷歌、新浪等服务器上加载
百度静态资源库地址[http://cdn.code.baidu.com](http://cdn.code.baidu.com)
jquery 2.1.4版本地址地址[http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js](http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js)
3.html head中引入
~~~
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"> </script>
~~~
### 语法
> $(selector).action()
- $代表jquery
- selector是要操作的对象
- action对应元素的操作
- $(this).hide() –隐藏当前段落
- $(“p”).hide() –隐藏所有段落
### demo
~~~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquey01</title>
</head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(event) {
/* Act on the event */
$(this).hide();
});
});
</script>
<body>
<p>hello1</p>
<p>hello2</p>
<p>hello3</p>
<p>hello4</p>
<p>hello5</p>
</body>
</html>
~~~