jQuery下载和使用

最新推荐文章于 2024-05-27 08:33:53 发布

古塔前端

最新推荐文章于 2024-05-27 08:33:53 发布

阅读量1.6w

点赞数 54

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_45321331/article/details/106479527

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

01.什么是jQuery
jQuery是一个快速，小型且功能丰富的JavaScript库。借助易于使用的API（可在多种浏览器中使用），使HTML文档的遍历和操作，事件处理，动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性，jQuery改变了数百万人编写JavaScript的方式。
02.jQuery下载
jQuery官网:https://jquery.com/
进去是下面得界面,点击黄色按钮下载得是最新版jQuery
在这里插入图片描述
03.下载版本
有两个经常使用得版本:
一个为压缩版本(生产版),优点(体积小，重量轻，适合开发使用)、缺点(不易阅读)。
一个为未压缩版本(开发版本),优点(适合阅读)，缺点(不适合企业开发)

我选择得是生产版本，也就是第一个企业开发版本(压缩版本),
鼠标左键点进去,会进入下面这个界面
将里面得文字快速复制下来,CTRL+A(全选),CTRL+C(复制)
在这里插入图片描述
04.jQuery得使用
打开编辑器,我用得是vscode，新建一个js文件，我这里js文件命名为：jquery.js
(不要改变文件后缀名,最好文件名与我得保存一致,为了避免一些不必要得麻烦)
然后将保存得代码粘贴过来.

05.jQuery在js中引用
新建一个html文件.将下面代码复制过来

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jQuery.js"></script>
    <style>
        div {
            width: 200px;
            height: 200px;
            background-color: skyblue;
        }
    </style>
</head>

<body>
    <div></div>
    <script>
    	//隐藏div盒子
        $('div').hide();
         alert('恭喜 jQuery得大门正在向你打开');
    </script>
</body>

</html>

如果运行HTML文件，界面什么都没有，并弹出来一个窗口,代表jquery已经可以使用了。
06.jQuery历史版本
官网:https://code.jquery.com/

古塔前端

关注

54
点赞
踩
208

收藏

觉得还不错? 一键收藏
5
评论
jQuery下载和使用

01.什么是jQueryjQuery是一个快速，小型且功能丰富的JavaScript库。借助易于使用的API（可在多种浏览器中使用），使HTML文档的遍历和操作，事件处理，动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性，jQuery改变了数百万人编写JavaScript的方式。02.jQuery下载jQuery官网:https://jquery.com/进去是下面得界面,点击黄色按钮下载得是最新版jQuery03.下载版本有两个经常使用得版本:一个为压缩版本(生产版),优点(体积小
复制链接

扫一扫

专栏目录