jQuery下载和安装详细教程
下载jQuery
我们可以到jQuery的官⽹下载jQuery⽂件（PS：其实jQuery就是⼀个封装了很多函数的js⽂件，把这个js⽂件导⼊到⽹页中就可以了）。打开官⽹，即可看到jQuery的下载按钮，点击进⼊下载页⾯。有两个版本的jQuery可以下载：
Production version - ⽤于实际的⽹站中，是已经被精简和压缩过的jQuery⽂件。
Development version - ⽤于测试和开发中，是未压缩的jQuery⽂件，可以⽅便阅读源码。
使⽤jQuery
jQuery库就是⼀个JavaScript⽂件，我们可以在HTML中使⽤<script>标签引⼊jQuery库：
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
注意：
script标签的src属性中，要根据jQuery⽂件所在的⽬录引⼊，如果jQuery⽂件和当前的HTML⽂件放在同⼀个⽬录下，即可直接写jQuery的⽂件名；如果jQuery⽂件和HTML⽂件不在同⼀个⽬录下，我们可以使⽤相对路径和绝对路径的⽅式引⼊jQuery。
在HTML5中，script标签上可以不⽤添加 type="text/javascript" 属性，因为JavaScript是HTML5以及所有现代浏览器中的默认脚本语⾔。
CDN⽅式引⽤jQuery
如果我们不想下载jQuery⽂件存放到项⽬中，为了操作⽅便，可以使⽤CDN（内容分发）的⽅式引⽤jQuery。说更直⽩⼀点，就是⽹络中很多服务器都存了jQuery⽂件，我们可以去某⼀台服务器上到jQuery⽂件，并且把该⽂件的URL地址放到script标签的src属性中就可以了。使⽤CDN⽅式引⽤jQuery的前提是，你的电脑必须可以上⽹，不然是连接不到远程服务器的。
如果你的站点是在国内，建议使⽤百度、新浪、⼜拍云等国内CDN地址，如果你的站点是在国外，建议使⽤⾕歌和微软的CDN地址。
使⽤CDN地址引⽤jQuery的具体⽅法如下：
百度 CDN：
<head>
<script src="apps.bdimg/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>
新浪 CDN：
<head>
<script src="lib.sinaapp/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>
⼜拍云 CDN：
<head>
<script src="upcdn.b0.upaiyun/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>
Staticfile CDN：
<head>
<script src="/jquery/1.10.2/jquery.min.js">
</script>
</head>
正版双赢sg系统源码Google CDN：
<head>
<script src="leapis/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
Microsoft CDN：
<head>
<script src="ajax.aspnetcdn/ajax/jquery/jquery-1.9.0.min.js"> </script>
</head>
查看jQuery版本
在浏览器中打开已经引⽤jQuery的⽹页，然后按F12打开 开发者⼯具 ，选择“Console”控制台，在控制台中输⼊以下命令：$.fn.jquery
输⼊命令后按回车，即可显⽰当前jQuery的版本号。vb调用function过程
aspired to 和desired forReact项⽬中引⽤jQuery
安装
npm install jquery --save
或使⽤淘宝镜像：
cnpm install jquery --save
在项⽬中引⽤jQuery
import React,{ Component }from'react'
import $ from'jquery'
export default class Test extends Component {
componentDidMount(){
console.log('$(".test").text()',$(".test").text())
什么叫哈夫曼树}
render(){
return(
<div className="test">
jQuery
</div>
)
}
}
Vue项⽬中引⽤jQuery
安装
npm install jquery --save
或使⽤淘宝镜像安装：
cnpm install jquery --save
修改配置⽂件
在f.js⽂件中添加以下代码：
const webpack =require('webpack')
然后在f.js⽂件中添加plugins，代码如下：在项⽬中引⽤jQuery
<template>
<div id="app"></div>
</template>
<script>
import $ from'jquery'
export default{
name:'App',
components:{},
data:function(){
jquery下载文件请求>c语言满屏飘红爱心代码return{}
},
created:function(){
console.log($('#app'));
}
}
</script>
<style>
</style>
Angular项⽬中引⽤jQuery
安装
# 进⼊到项⽬⽬录
# 安装 jQuery 依赖
npm install --save jquery
# 安装 jQuery ts 依赖
npm install --save @types/jquery
在项⽬中引⽤jQuery
import*as $ from'jquery'; ...
$('#btnId').on('click',function(){ alert('jQuery!')
})
交流：zzxingyun
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论