MVC web项目中引入jquery插件

1.下载jquery

[https://jquery.com/]

看到这样的文档，直接CTRL+S保存到自己的文件夹

2.将文件夹中的js文件直接拖拽导入到项目中的web文件下，我的路径如下: static/js/jquery-3.6.0.js

3.JSP中引入jquery和js文件

直接在文件头部引入指定路径的js文件和导入的jquery，比如在hello.jsp中引入hello.js文件和jquery包；然后就可以在hello.jsp中使用hello.js中的script函数和jQuery提供的功能。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title><script type="text/javascript" src="statics/js/test/hello.js"></script><script src="${pageContext.request.contextPath}/statics/js/jquery-3.6.0.js"></script>
</head>
<body>
${msg}
<!-- html中使用函数-->
<input type="button" value="test" onclick="test();">
<input type="button" value="login" onclick="login();">
</body>
</html>

MVC web项目中引入jquery插件相关推荐

在FastAdmin中引入Jquery插件
任务需求由于fastadmin自带的插件可能无法满足我们的需求.比如,当我们需要用前端生成二维码时,需要用到jquery.qrcode插件.此时,就需要将jquery插件集成到项目中. 解决方案第 ...
在vue项目中引入JQuery
1.安装 npm install jquery --save 2.配置 1.首先在package.json里的dependencies加入"jquery":"^3.6.0 ...
Java项目在jsp页面中引入jquery框架的步骤
http://www.cnblogs.com/wxjnew/p/3831796.html 环境:在Java web项目中引入juqery框架工具:MyEclipse8.5 [步骤如下] A:新建一 ...
Web项目中引进EasyUI的路径问题
场景 Web项目中引入EasyUI,新建test.html,页面中引入EasyUI相关资源文件. 运行后页面并没有改变,打开检查提示404找不到资源. 实现项目路径为: 路径引用错误: test.h ...
详解log4j2(下) - Log4j2在WEB项目中配置
官方介绍和学习文档网址为http://logging.apache.org/log4j/2.x/ 首先在WEB项目中引入以下几个jar包: ① log4j-api-2.4.1.jar ② log4j- ...
关于如何在vue中引入jquery？
相信大家有时候都会遇到在vue的项目中引入jquery,但是不会失效,今天就带领大家手把手在vue项目中引入jquery,亲测有效! 1.安装jquery npm install jquery --s ...
vue学习笔记十：Vue中引入jquery
文章目录前言一.引入方式 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目二.使用方法 1.使用Vue CLI 创建的项目 2.直接引入vue方式的项目总结前言本篇实现vu ...
在 Vite项目中，使用插件 @rollup/plugin-inject 注入全局 jQuery
在 Vite项目中,使用插件 @rollup/plugin-inject 注入全局 jQuery 环境写在前面方法一.全局静态引入方法二.使用插件 @rollup/plugin-inject 注 ...
html整个项目怎么导出来,怎样将jquery导入web项目中？
怎样将jquery导入web项目中?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 将jquery导入web项目中的方法导入jquery文件在页面中使 ...

MVC web项目中引入jquery插件

MVC web项目中引入jquery插件

1.下载jquery

3.JSP中引入jquery和js文件

MVC web项目中引入jquery插件相关推荐

最新文章

热门文章