web项目引入jquery easyui的方法：首先下载jquery easyui插件；然后将相关文档考到项目的webapp下面；最后页面引入下面几个文件即可使用jquery easyui的的所有功能了。
本教程操作环境：windows7系统、jquery3.2.1&&web2.0版本，该方法适用于所有品牌电脑。
推荐：jquery视频教程
web项目引入jquery easyui的方法：
jquery easyui是一个基于jquery的用户界面插件集合，可以做出各种炫酷页面效果，大中型项目都可以使用些框架，非常好用，而且它有中文网，提供了大量的demo.下面我们看怎么将它引入到项目中
一：下载地址
http://www.jeasyui.com/download/index.php
二：下载解压，将相关文档考到项目的webapp下面，因为它提供了说明文档，demo，这些不需要考到项目中
三：页面引入下面几个文件即可使用jquery easyui的的所有功能了
<link rel="stylesheet" type="text/css" href="<c:url value="/themes/default/easyui.css"/>"><link rel="stylesheet" type="text/css" href="<c:url value="/themes/icon.css"/>"><script type="text/javascript" src="<c:url value="/jquery.min.js"/>"></script><script type="text/javascript" src="<c:url value="/jquery.easyui.min.js"/>"></script>
也可以将这个放到一个公共的页面中，因为所有页面都要引用这四句话。其它页面引用这个公共页面即可
<%@ include file="./commonpage/easyuisupport.jsp" %>
实例：
<%@ page language="java" import="java.util.*" pageencoding="utf-8"%><%string path = request.getcontextpath();string basepath = request.getscheme()+"://"+request.getservername()+":"+request.getserverport()+path+"/";%><!doctype html public "-//w3c//dtd html 4.01 transitional//en"><html><head><base href="<%=basepath%>"><title>my jsp '01.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><!-- 引入jquery --><script type="text/javascript" src="${pagecontext.request.contextpath}/jquery-easyui-1.5.2/jquery.min.js"></script><!-- 引入easyui --><script type="text/javascript" src="${pagecontext.request.contextpath}/jquery-easyui-1.5.2/jquery.easyui.min.js"></script><!-- 引入easyui的中文国际化js，让easyui支持中文 --><script type="text/javascript" src="${pagecontext.request.contextpath}/jquery-easyui-1.5.2/locale/easyui-lang-zh_cn.js"></script><!-- 引入easyui的样式文件--><link rel="stylesheet" href="${pagecontext.request.contextpath}/jquery-easyui-1.5.2/themes/default/easyui.css" type="text/css"/><!-- 引入easyui的图标样式文件--><link rel="stylesheet" href="${pagecontext.request.contextpath}/jquery-easyui-1.5.2/themes/icon.css" type="text/css"/><script type="text/javascript">$(function(){//console.info($('#dd2'));/*使用javascript动态创建easyui的dialog的步骤：1、定义一个div，并给div指定一个id2、使用jquery选择器选中该div，然后调用dialog()方法就可以创建easyui的dialog*/$('#dd2').dialog();//使用默认的参数创建easyui的dialog//使用自定义参数创建easyui的dialog$('#dd3').dialog({title: '使用javascript创建的dialog',width: 400,height: 200,closed: false,cache: false,modal: true});});</script></head><body>this is my jsp page. <br><div class="easyui-dialog" id="dd1" title="easyui dialog" style="width: 500px;height: 300px;">hello world!</div><div id="dd2">dialog content</div><div id="dd3">dialog content</div></body></html>
ps:jquery引入路径解释：jquery/jquery-1.8.3.min.js以当前页面test.jsp为坐标在当前文件夹中查找，由于test.jsp和jquery文件夹都在webroot目录下所以不需要
'/',如果加'/'意思是从项目根目录查找
相关免费学习推荐：js视频教程
以上就是web项目怎么引入jquery easyui的详细内容。