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> ~~~
';