首先引入JQuery對應的js檔案，然後引入自己的js檔案，這裡要注意先後順序
<script type="text/javascript" src="./js/jquery-2.1.3.js"></script>
<script type="text/javascript" src="./jsp/testJquery01.js"></script>
在引入這兩個js檔案的時候，遇到相對路徑的問題
問題描述：在新建立的jsp頁面中，自動會生成如下代碼
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
在<head>中間有 <base href="<%=basePath%>" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >
引入jQuery的js檔案時，用如下路徑引入：
<script type="text/javascript" src="../js/jquery-2.1.3.js"></script>
<script type="text/javascript" src="testJquery01.js"></script>
就出現jQuery檔案無效的問題
問題解決描述：
base标記是一個基連結标記，是一個單标記。用以改變檔案中所有連接配接标記的參數内定值。它隻能标記<head>與</head>之間。
在網頁上的所有相對路徑在連結時都将前面加上基連結指向的位址。
<script type="text/javascript" src="../js/jquery-2.1.3.js"></script>
<script type="text/javascript" src="testJquery01.js"></script>
在用如上形式引入時，會導緻對應路徑為：http://localhost:8088/js/jquery-2.1.3.js、http://localhost:8088/JQueryStudy/testJquery01.js
如果将<base href="<%=basePath%>" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >去掉，會顯示正常路徑：http://localhost:8088/JQueryStudy/jsp/test01.jsp、http://localhost:8088/JQueryStudy/jsp/testJquery01.js
如果将<base href="<%=basePath%>" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >保留，用如下形式引入js檔案，也可正常顯示：
<script type="text/javascript" src="./js/jquery-2.1.3.js"></script>
<script type="text/javascript" src="./jsp/testJquery01.js"></script>
說明：./ 表示目前目錄 ../ 表示父級目錄 / 根目錄
![用jQuery實作一個簡易的聊天框[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)