如何安装jQuery？

最新推荐文章于 2024-07-04 12:16:35 发布
最新推荐文章于 2024-07-04 12:16:35 发布
阅读量660 收藏 1
点赞数

网页中添加 jQuery

可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：

  • 从 jquery.com 下载 jQuery 库
  • 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

下载 jQuery

有两个版本的 jQuery 可供下载：

  • Production version – 用于实际的网站中，已被精简和压缩。
  • Development version – 用于测试和开发（未压缩，是可读的代码）

以上两个版本都可以从 jquery.com 中下载。

jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 <script> 标签引用它：

<head>
<script src=”jquery-1.10.2.min.js”></script>
</head>

提示： 将下载的文件放在网页的同一目录下，就可以使用jQuery。

您是否很疑惑为什么我们没有在 <script> 标签中使用 type=”text/javascript” ？在 HTML5 中，不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言！

替代方案

如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。

百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。

如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是国外的可以使用谷歌和微软。

注：本站实例均采用百度 jQuery CDN库。

如需从百度、又拍云、新浪、谷歌或微软引用 jQuery，请使用以下代码之一：

Baidu CDN:

<head>
<script src=”http://libs.baidu.com/jquery/1.10.2/jquery.min.js”>
</script>
</head>

又拍云 CDN:

<head>
<script src=”http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js”>
</script>
</head>

新浪 CDN:

<head>
<script src=”http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js”>
</script>
</head>

Google CDN:

<head>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”>
</script>
</head>
通过 Google CDN 来获得最新可用的版本：不大推荐使用Google CDN来获取版本，因为Google产品在中国很不稳定。
如果您观察上什么的 Google URL – 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery，也可以从版本字符串的末尾（比如本例 1.8）删除一个数字，谷歌会返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也可以只剩第一个数字，那么谷歌会返回 1 系列中最新的可用版本（从 1.1.0 到 1.9.9）。

Microsoft CDN:

<head>
<script src=”http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js”>
</script>
</head>
使用百度、又拍云、新浪、谷歌或微软的 jQuery，有一个很大的优势：许多用户在访问其他站点时，已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。
wodeai1235
关注
windows上如何安装jq
qq_39479307的博客
06-24 4163
jq介绍 - jq是一款非常强大的用来将复杂的数据解析成json格式的工具。具体作用及用法官网有详细介绍。 - 官网地址：https://stedolan.github.io/jq/ Windows上安装jq - 如果要在Windows上顺利的使用jq，需要先安装chocolatey。 - 以管理员身份待开cmd窗口，输入@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None
npm 安装 jQuery
wwz123124的博客
06-30 3万+
要用npm装jQuery必须先把项目用npm初始化（cmd命令执行目录要在当前项目下）： npm init用来初始化生成一个新的package.json文件。它会向用户提问一系列问题，如果你觉得不用修改默认配置，一路回车就可以了。 如果使用了-f（代表force）、-y（代表yes），则跳过提问阶段，直接生成一个新的package.json文件。 npm init -y 开始安...
NPM来安装jquery
热门推荐
08-10 5万+
npm是什么？ 是随同nodeJS一起安装的包管理工具。 官方镜像网站：https://www.npmjs.com 比如我们最熟悉的jquery: https://www.npmjs.com/package/jquery下面演示npm下载jquery 1.cd到项目目录下 2.$ npm install jquery 这样我们项目目录下，就多了node_modules目录，里面有jq
jQuery 常用方法详解及示例
abments的博客
07-04 1497
jQuery 是一个快速、简洁的 JavaScript 库，它极大地简化了 HTML 文档操作、事件处理、动画效果以及 AJAX 交互。本文将详细介绍 jQuery 的一些常用方法，并通过示例说明它们的使用方法。用于选择 DOM 元素。示例： 筛选出与选择器匹配的元素。示例： 移除与选择器匹配的元素。示例： 选择具有指定索引值的元素。示例： 2. 操作 DOM 元素 获取或设置元素的 HTML 内容。示例： 获取或设置元素的文本内容。示例： 获取或设置元素的属性。示例： 移除元素的属性。示例：
[jQuery]jQuery的安装
Xiao_Spring的博客
01-23 8921
jQuery是一个JavaScript的函数库，利用它我们可以便捷地使用一些javascript实现比较复杂的操作。 下面介绍三种引用jQuery库的方法 本地直接下载 我们可以访问 http://jquery.com/download/ 进行下载 有两个版本的 jQuery 可供下载： Production version - 用于实际的网站中，已被精简和压缩。 Developmen
Windows安装jq
doulihang的博客
05-13 5083
1.安装chocolatey 以管理员方式运行cmd。输入@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" &&
安装jquery的压缩包
03-01
标题“安装jQuery的压缩包”提示我们将深入讨论如何获取和使用jQuery库。 **jQuery的核心特性** 1. **选择器**：jQuery 的选择器基于CSS，使得选取HTML元素变得简单而强大。例如，`$("#id")`用于选取ID为"id"的...
【vue3】如何引入jQuery？
栀妹儿的炼丹炉
06-23 1389
1、终端安装依赖 npm install jquery --save 2、vue.config.js中添加以下（同webpack.base.conf.js文件） var webpack = require('webpack') ... module.exports = { ... plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "win
myeclipse安装jQuery插件的方法
12-02
1、在网上下载spket-1.6.12.zip压缩文件，解压后会看到eclipse目录下有...3、重启myeclipse后，打开window -> preference -> spket -> javascript profiles -> new -> jQuery -> Add Library(选中jQuery) -> Add F
dreamweaver 安装Jquery智能提示
01-19
在Dreamweaver中依次选择“命令”->“扩展管理”->“安装扩展”->“jQuery_API.mxp”命令后，就会自动安装插件了。扩展安装成功后重启dreamweaver，新建空白页面，引入jQuery，然后编写jQuery代码，会发现已经具有...
jQuery如何使用
AQ3219795118的博客
11-03 921
jQuery是什么 jQuery是一个主流的优秀的JavaScript类库是由John Resig 创建于2006年1月的开源项目。目前jQuery库包含核心库、UI、插件和jQuery Mobile等模块。 jQuery凭借着强大的选择器、链式操作以及出色的浏览器兼容性，极大地简化访问和更新HTML页面、DOM操作、事件处理以及执行动画等操作。 如何使用 <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.0.0/jquery.min
jq命令安装与使用
ACGkaka的博客
09-16 7360
jq命令安装与使用
Windows 11 PowerShell 安装 jq 命令
简简单单Onlinezuozuo
11-02 884
Windows 11 PowerShell 安装 jq 命令jq 命令是一个在命令行下使用的 JSON 处理器，它能够对 JSON 数据进行查询、过滤、映射和转换等操作jq 命令是一个在命令行下使用的 JSON 处理器，它能够对 JSON 数据进行查询、过滤、映射和转换等操作。
jquery的使用
weixin_53748496的博客
12-08 8050
JS和jquery在添加内容和样式时的区别：jquery的一些方法。jquery实现内容的显示和隐藏。对标签坐标信息或尺寸信息的获取。给button按钮添加点击事件:延迟动画。fadeIn():淡入。fadeOut()：淡出。实现留言板。实现点击返回到顶部
jquery的运用
旺旺的博客
06-07 642
目录前言jquery库的引用jquery的导入jquery的程序入口jquery的简单选择器jquery与Js的转换jquery插件json的体现形式extend的扩充extend的实列ajax的简单使用ajax的转换 前言 jquery 它是一个轻量级的javascript类库 那么实际上，它就是一个别人写好的一个类而已。 注意：就一个类“jQuery”，简写“$” 优点： 总是面向集合 总是...
jquery使用
早日成为鹏总
04-14 1424
入口函数 // 第一种: 简单易用。 $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; // 第二种: 繁琐，但是也可以实现 $(document).ready(function(){ ... // 此处是页面DOM加载完成的入口 }); jQuery 对象和 DOM 对象 1. 用原生 JS 获取来的对象就是 DOM 对象 2. jQuery 方法获取的元素就是 jQuery 对象。 3.只有 jQuery 对象才...
什么是jQuery 怎么使用jQuery
yushu778的博客
03-16 2140
jQuery特点 1.写的代码少，做的事情多。（代码简洁）...
jQuery 安装
chixnxiaobaidu的博客
03-29 971
jQuery 安装网页中添加 jQuery可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：从 jquery.com 下载 jQuery 库从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery下载 jQuery有两个版本的 jQuery 可供下载：Production version - 用于实际的网站中，已被精简和压缩。Development versio...
初学node.js 使用npm安装 jquery遇到的问题
m0_51578693的博客
10-24 822
初学node.js 使用npm安装 jquery遇到的问题
VS Code如何配置自定义路径引入jQuery？
最新发布
09-21
在Visual Studio Code (VS Code) 中，虽然默认情况下不需要额外配置就能直接使用`<script>`标签引入外部库如jQuery，但如果你想使用Node.js的npm包管理工具（比如`npm`或`yarn`）来引入jQuery，可以按照以下步骤操作： 1. **安装Node.js和npm（如果还未安装）**: 可从Node.js官网（https://nodejs.org）下载并安装。 2. **创建一个新的Node.js项目（optional）**: 进入你想存放项目的地方，运行 `npm init -y` 创建一个简单的package.json文件。 3. **安装jQuery**: - 打开终端或命令行窗口，导航至项目目录。 - 输入命令 `npm install jquery` 来安装jQuery作为依赖。 - 或者使用 `yarn add jquery` （如果使用yarn作为包管理器）。 4. **配置webpack（如果项目使用Webpack）**: - 在`package.json`的`"scripts"`字段中，添加一个打包命令，如 `"build": "webpack"`。 - 在`webpack.config.js`中设置externals选项，将jQuery作为一个全局变量引入，避免打包时重复。 5. **引用jQuery**: - 在入口文件（通常是index.js或main.js），你可以通过`import * as $ from 'jquery';`引入。 6. **在HTML中引用生成的bundle（如果使用Webpack）**: - 使用Webpack打包后的`dist`目录下的输出文件，通常会有一个.js或.js.map文件。 ```html <script type="module" src="./dist/bundle.js"></script> ``` 7. **如果不使用Webpack**: - 直接在HTML中引用`node_modules/jquery/dist/jquery.min.js`。 请注意，这针对的是使用Node.js环境的情况。如果你只是简单地想在浏览器环境中用jQuery，那么按照第1步下载jQuery文件并手动添加到HTML即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值