jquery的安装(代码片段)

lukelook lukelook     2022-12-26     543

关键词:

一.jQuery的安装

下载 jQuery

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

  • Production version - 用于实际的网站中,已被精简和压缩。
  • Development version - 用于测试和开发(未压缩,是可读的代码)

以上两个版本都可以从 jquery.com 中下载。(https://jquery.com/download/)

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

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

替代方案

如果您不希望下载并存放 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)。

使用百度、又拍云、新浪、谷歌或微软的 jQuery,有一个很大的优势:

许多用户在访问其他站点时,已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。






jquery安装(代码片段)

http://www.runoob.com/jquery/jquery-install.html网页中添加jQuery:方法一:可以从http://jquery.com/download/ 下载jQuery库方法二:从CDN中载入jQuery下载jQuery有两个版本的jQuery可供下载:Productionversion-用于实际的网站中,已被精简和压缩。Develo... 查看详情

vue02(代码片段)

项目环境准备1.项目目录结构准备我们可以自定义目录出来,例如pages:所有的页面组件放在这里pages/common:页面所有的公用组件utils:放置工具类store:放置vuex数据仓库2.安装JQuery和Bootstrap安装JQuery由于bootstrap依赖Jquery,所以需要先安装j... 查看详情

jquery安装和语法(代码片段)

jQuery是一个JavaScript函数库,可实现HTML元素选取及操作、CSS操作、HTML事件函数、JavaScript特效和动画、HTMLDOM遍历和修改、AJAX等功能。 在html中引用jQuery,需要在head部分通过script引入<scriptsrc="jquery路径及文件名"></script>... 查看详情

jquery基础(代码片段)

jQuery是一个轻量级的"写的少,做的多"的JavaScript库。它包含以下功能:1、HTML元素选取;2、HTML元素操作;3、CSS操作;4、HTML事件函数;5、JavaScript特效和动画;6、HTMLDOM遍历和修改;7、AJAX;8、Utilities;除此之外,Jquery还... 查看详情

pyquery(代码片段)

PyQuery库也是一个非常强大又灵活的网页解析库,如果你有前端开发经验的,都应该接触过jQuery,那么PyQuery就是你非常绝佳的选择,PyQuery是Python仿照jQuery的严格实现。语法与jQuery几乎完全相同。安装pipinstallpyquery官网地址:http://py... 查看详情

vue组件引入jquery(代码片段)

步骤:1、安装jquery:npminstalljquery2、修改配置:在webpack.base.conf.js文件加入varwebpack=require(‘webpack‘);module.exports=plugins:[newwebpack.optimize.CommonsChunkPlugin(‘common.js‘),newwebpack.ProvidePlugin(jQuery:"jquery",$:"jquery")]3、在main.js中全局引用,如... 查看详情

jquery相关知识(代码片段)

jQueryBasicKnowledge一、认识jQuery1、什么是jQueryjQuery是对原生JavaScript二次封装的工具函数集合jQuery是一个简洁高效的且功能丰富的JavaScript工具库2、jQuery的优势完全开源的源代码强大简洁的选择器事件、样式、动画的良好支持链式表... 查看详情

留言本项目---初步(代码片段)

目录下载模板引擎             npminstallart-template安装boostrap             npminstallbootstrapboostrap依赖于jquery,所以还要安装jquery   npminstalljquery安装用于格式化时间的模块   npminstallsilly-datetime项目目录 记得将下... 查看详情

vue项目中使用jquery(代码片段)

Vue中如何引入jquery看了网上其他人的教程,没有一个有用的;经过摸索,提供一条最简便的方法。1.项目安装jquerynpminstalljquery2.在main.js中注册import$from'jquery';window.jQuery=$;window.$=$; 查看详情

less的用法(代码片段)

1.node.jsnode.js是一个前端的框架自带一个包管理工具npmnode.js的安装官网:http://nodejs.cn/在命令行检验是否安装成功切换到项目目录,初始化了一个package.json文件安装与卸载jQuery包(例子)  安装  卸载安装淘宝镜像2.安装less3.... 查看详情

kendoui(代码片段)

公司的一个营销项目用到kendoui(剑道),很霸气的名字。kendoui的获取和安装这里不重复说明,推荐给大家一个博客,里面有详细的说明:http://www.cnblogs.com/cainiaoguoshi/p/7056821.html技术栈:jquery+kendo-ui+bootstrapkendoui官方声明jquery支... 查看详情

vue中正确使用jquery的方法(代码片段)

题主Vue小白,入门demo时想在其中使用jQuery(当然可能是不推荐的做法哈,毕竟俩儿的风格不一样,但万一你就需要呢_^^_),结果遇到问题,最终倒腾解决。编译报错:$isundefinedorno-undef‘$‘isnotdefined假设你已经使用vue-cli搭建好... 查看详情

vue项目里正确地引用jquery(代码片段)

一.NPM安装的jQuery使用vue-cli构建的vue项目,需要修改的是build/webpack.base.conf.js1.添加引入webpack,后面的plugins那里需要constwebpack=require(‘webpack‘)2.增加一个pluginsplugins:[newwebpack.optimize.CommonsChunkPlugin(‘common.js‘),new 查看详情

学习jquery(代码片段)

jQuery学习本篇主要参考菜鸟教程jQuery安装BootCDN<scriptsrc="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">百度<scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">jQuery语法通过jQuery,可以选 查看详情

第三天npm包管理(代码片段)

什么是npm?nodepackagemanagement:node包管理工具(主要管理模块)模块:核心模块、文件模块文件模块:自定义模块、第三方模块npm就是用来管理和安装第三方模块的/-----------------------------------------------------------------/npm命令详解1、npm-v/... 查看详情

vue项目如何引用jquery(代码片段)

虽然vue不推荐直接操作DOM,而且也提供了操作DOM的方式。但是在某些时候还是要用到jquery,那么如何引入jquery呢?费了半天劲,记录一下:一:安装jquery   npminstalljquery--save二:配置在项目build里的webpack.base.conf.js 首先在... 查看详情

abpv2.9.0blogging模块安装遇到的问题及解决方法(代码片段)

abpvnextv2.9.0Blogging模块安装使用过程中,遇到TuiEditor脚本报错和添加post上传封面报错2个问题。tuiEditor报错tuiEditorv1.4.1之后默认不包括jquery扩展,abpv2.9引用版本为v1.4.10,不能使用jquery扩展方法初始化。另外,abp引用js为tui-editor-Edi... 查看详情

在vue中使用jquery(代码片段)

首先默认你已经有了一个vue程序,如果你想在vue中使用jquery,那么请继续阅读。当然,加入你没有一个vue程序,这里也给出创建一个vue程序的命令。当然,你肯定装了vue-cli,不然你不会点进这篇博客vueinitwebpackvue-demo01项目的目... 查看详情