十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1:npm install jquery
我们提供的服务有:网站设计制作、网站建设、微信公众号开发、网站优化、网站认证、乌鲁木齐ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的乌鲁木齐网站制作公司
2:在build文件夹下的webpack.base.conf.js进行配置
(1)const webpack = require("webpack")
(2)在module.exports里面加入
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery:"jquery",
$:"jquery"
})
],
如图
3:在需要用到jquery的页面引入
import $ from 'jquery';
ctrl+shift+p打开控制台
输入install回车后回显示所有插件的安装列表,
在搜索框中输入jquery会自动帮你找到jquery,选择安装就ok了
jquery mobile不需要安装,这就是一个jq框架,是创建移动 web 应用程序的框架。你只需要找到下载了jquery mobile.js和jquery mobile.css然后跟引入js和css文件那样引入就可以了
!DOCTYPE html
html
head
link rel="stylesheet" href=""//这是引入的css文件
script src=""/script//这是引入的jq库
script src=""/script//这是引入的js文件
/head
body
div data-role="page" id="pageone"
div data-role="header"
h1在此处插入标题/h1
/div
div data-role="content"
p在此处插入正文/p
/div
div data-role="footer"
h1在此处插入页脚文本/h1
/div
/div
/body
/html
上面的那三个缺一不可。
使用步骤如下:
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
我们来解决一个小问题吧。
在React怎样引入jQuery。
不断会有人遇到一些小问题,卡在上面N久,所以小问题也写下来吧,毕竟我也遇到过,无语过。
使用jQuery时,如果遇到报错:
这个报错表示jQuery没引入。没引入又分两个原因,第一,没安装,第二单纯是没引入。
烦请对号入座。如果是第一条,就从第一步开始,如果是第二个原因,请直接看第二条。
第一步:安装jQuery
在哪个地方使用jQuery就在哪里引入jQuery
在html中引入jquery插件的方法有以下两种:
1:CDN引入,在head标签中加入下列代码
head
script src=""/script
/script
/head
2:本地引入,这种方法要求本地有jquery.js:
head
script src="jquery.js"/script
/script
/head
jquery可以到其官网下载,官网地址是;
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时,已经从其他加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。