jQuery笔记
简介
jquery是一个优秀的javascript库.jquery能使用户方便的处理html、events、动画，并且能方便的提供ajax交互，核心理念是write less，do more.
官网
版本
- 1.x 支持ie6+
- 2.x 支持ie9+
功能
- HMTL元素选区
- HTML元素操作
- CSS操作
- HTML元素操纵
- CSS操作
- HTML函数事件
- javascript特效和动画
- htmldom遍历和修改
- AJAX
- …
引入
- 从jQuery官网下载后引入
-
从百度、谷歌、新浪等服务器上加载
百度静态资源库地址http://cdn.code.baidu.com
jquery 2.1.4版本地址地址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>
