### 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>
~~~
