引入jQuery

用于测试和开发(未压缩,是可读的代码)

uncompressed,

用于实际的网站中,已被精简和压缩。

minified

jQuery 1.x
jQuery Migrate  过渡版
jQuery 2.x

远程:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

or

本地:

<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

关于相对路径:

C:\Documents and Settings\Administrator\桌面\随便写写.html

C:\Documents and Settings\Administrator\桌面\js\jquery-1.11.2.min.js

C:\Documents and Settings\Administrator\桌面1\jquery-1.11.2.min.js

在随便写写.html中如何引入改jQuery?

src="js/jquery-1.11.2.min.js"

file:///C:/Documents and Settings/Administrator/桌面/js/jquery-1.11.2.min.js

src="./js/jquery-1.11.2.min.js"

file:///C:/Documents and Settings/Administrator/桌面/js/jquery-1.11.2.min.js

src="../桌面1/jquery-1.11.2.min.js"

file:///C:/Documents and Settings/Administrator/桌面1/jquery-1.11.2.min.js

src="../js/jquery-1.11.2.min.js"

file:///C:/Documents and Settings/Administrator/js/jquery-1.11.2.min.js

src="./../js/jquery-1.11.2.min.js"

file:///C:/Documents and Settings/Administrator/js/jquery-1.11.2.min.js

src="/js/jquery-1.11.2.min.js"

file:///C:/js/jquery-1.11.2.min.js

src="../../../js/jquery-1.11.2min.js"

file:///C:js/jquery-1.11.2.min.js

src="../jquery-1.11.2.min.js"

file:///C:/Documents and Settings/Administrator/jquery-1.11.2.min.js

对错显而易见。

结论:

. 代表当前目录

..代表父目录

/代表根目录

多个组合时从右往左运算

唯一变量是这些函数所在文件的所在位置,即本例中html文件位置。

注:

结果由Chrome 浏览器 查看网页源码得出。

时间: 2024-10-03 18:04:20

引入jQuery的相关文章

SharePoint 2013 的Master page 中引入Jquery

SharePoint 2013 的Master page 中引入Jquery 分类: JavaScript SharePoint2013-02-03 22:01 1978人阅读 评论(0) 收藏 举报 design managerjqueryjQueryJQUERYJqueryJQueryMaster pageSharePoint 2013引入 本文讲述如何在SharePoint 2013 的Master page 中引入Jquery. 在SharePoint 2013 的Master page

脚手架搭建的vue项目里引入jquery和bootstrap

引入jquery: 1.在cmd输入:npm install jquery,回车,等待.. 2.在webpack.base.conf.js里进行如下操作: 3.在webpack.prod.conf.js里进行如下操作: 4.在入口文件里引入: 不知道是不是jquery版本的问题,在重构以前写的页面时,通过在.vue文件里引入js的方式将写好的js引入(该js文件里用了jquery插件),部分功能有问题 引入bootstrap 参照网上的方式进行了实践,生效了. 主要在配置文件里添加了两个配置文件

webpack全局引入jquery的方法

全局引入jquery后,就能使用jquery的API和插件了,网上有好几种方法,这里推荐'expose-loader'这种方法,包括以下两部: 1.配置webpack.config.js文件.下图红框中的 test 是匹配jquery的路径,loader 是将jquery作为window.jQuery 和 window.$ 暴露到全局. 2.在需要导入的模块中(比如 index.js)正确导入:见下图

Java项目在jsp页面中引入jquery框架的步骤

环境:在Java  web项目中引入juqery框架 工具:MyEclipse8.5 [步骤如下] A:新建一个Java web项目TestJquery,在WebRoot目录下创建一个jquery文件夹 B:下载jquery-1.8.3.min.js放入jquery文件夹中 C:创建jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%&g

在Vue.js中引入jQuery的方法:

步骤一:首先先下载jQuery包 cnpm i jquery -D // 下载 jQuery包 步骤二:在webpack.config.js中配置jquery插件 步骤三:在要使用jQuery的组件页面引入jQuery import $ from 'jquery' //引入jquery

vue2引入jquery

1.在webpack.base.conf.js添加如下配置 var webpack=require("webpack") plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ] 2.第二步 "jquery":"3.2.1

vue项目引入jQuery

1.打开已经创建好的VUE项目,打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改. dependencies:{ "jquery":"^2.2.3" } 2. 然后在命令行中cnpm install,大多人应该都是使用的淘宝镜像,所以使用cnpm,如果不是 ,可以使用npm安装. 3.打开项目bulid文件夹下的文件,添加 红色框代码到下图所示位置: 4.打开main.js,在头部引入jQuery文件,具体代码为'

vue+webpack 引入jquery

首先cnpm install jquery:这时jquery已经安装成功,可以使用jquery,但是jquery不是全局的,需要在使用的组件中引入jquery,jquery的路径是jquery/dist/jquery.min.js, inport $ from "jquery/dist/jquery.min.js" 就可以使用$了: 我们也可以在webpack.base.config.js中配置:路径的别名方便引入: 之后我们就可以在使用jquery的组件中这样引入 import $

seajs引入jquery

seajs 2.2.1在config文件中preload一次jquery,就可以在整个项目中使用jquery.如下: seajs.on('exec', function(module) { if (module.uri === seajs.resolve('jquery')) { window.$ = window.jQuery = module.exports } });   seajs引入jquery

eclipse引入jquery文件报错解决

以下内容是小编给大家带来的关于Eclipse引入jquery报错如何解决的全部叙述,具体内容如下所示: 第一步: 去除eclipse的JS验证: 将windows->preference->Java Script->Validator->Errors/Warnings-> Enable Javascript Sematic validation前面的勾去掉; 第二步: 右键项目 -> properties -> Builders 去掉JavaScript Vali