JQuery简介及语法

认识JQuery
引入JQuery
JQuery语法

认识JQuery

1.jQuery：jQuery 库可以通过一行简单的标记被添加到网页中

2.什么是jQuery：jQuery是一个JavaScript函数库，是对JavaScript的封装，也封装了浏览器兼容性问题，不用再担心浏览器兼容性。

3.jQuery库包含的功能：

HTML元素的选取
HTML元素操作
CSS操作
HTML事件函数
JavaScript特效和动画
HTML DOM遍历和修改
AJAX 请求数据
Utilities 工具类

引入JQuery的方法

引入JQuery.png

JQuery官网：链接

JQuery语法

1、基础语法
基础语法：$(selector).action()
美元符号：定义jQuery
选择符：(selector) ‘查询’和‘查找’HTML元素
jQuery的action()执行对元素的操作
例如：$(this).hide() -隐藏当前元素
$("p").hide() -隐藏所有段落

可以在下面网站下载你需要的jQuery:jquery所有版本

引入jQuery：

引入.png

示例代码必须注意引入js 的顺序：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
    <!--在jQuery之后引用-->
    <script src="app.js"></script>
</head>
<body>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
    <p>hello</p>
</body>
</html>

$(document).ready(function () {
    // alert("文档加载完毕");
    $("p").click(function () {
        $(this).hide();
    })
});

JQuery简介及语法

推荐阅读更多精彩内容