[前端]jQuery笔记

最新推荐文章于 2024-08-29 11:14:22 发布

esc_ai

最新推荐文章于 2024-08-29 11:14:22 发布

阅读量936

点赞数 1

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/napoay/article/details/49534455

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

jQuery笔记

简介

jquery是一个优秀的javascript库.jquery能使用户方便的处理html、events、动画，并且能方便的提供ajax交互，核心理念是write less，do more.

官网

http://jquery.com

版本

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>