jQuery -- 下载与引入到文件

目前，官网上提供了1.X和2.x的版本，他们的区别是2.x之后不再支持IE8以前的浏览器，而如果是做前端开发，则不需要考虑这个影响，直接使用最新版本即可。

下载方式：
1 打开官网，进入下载界面，选择production版本，打开
2 会发现界面全部是代码，不用理会，直接command + s保存，选择保存为“后缀名是.js的页面源码”。
3 此时，会得到一个文档，在使用的时候，只需要将文档拷贝到项目中即可。

注意：
在创建项目的时候，HTML5页面引入顺序一定要放在最前面！

以下面的代码为例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-2.2.3.min.js"></script>
    <!--注意引入的顺序,一定要先引入jquery库,再引入其他的-->
    <script src="app.js"></script>
</head>
<body>
    <p>hello1</p>
    <p>hello2</p>
    <p>hello3</p>
    <p>hello4</p>
    <p>hello5</p>
    <p>hello6</p>
</body>
</html>

JS文件：



$(document).ready(function(){
    //alert("加载完毕");

    //点击p元素,将其隐藏
    $("p").click(function(){
        $(this).hide();
    });
});

至于jQuery的语法，可以查看官方文档，也可以查询博客，有很多详解。

jQuery -- 下载与引入到文件

猜你喜欢