关于引入jQuery文件和使用jQuery取同胞兄弟的值问题

最新推荐文章于 2022-08-29 22:28:56 发布

yangzi_520

最新推荐文章于 2022-08-29 22:28:56 发布

阅读量477

点赞数

分类专栏： jquery 文章标签： jquery 前端 jsp javascript

本文链接：https://blog.csdn.net/yangzi_520/article/details/77840772

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

针对前端jsp导入jQuery的问题，遇到在需要写js的时候提示导入的jQuery文件路径出错,错误如下：

jquery-2.2.3.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
Uncaught ReferenceError: $ is not defined
    at localhost/:14

在浏览器报类似上面的错误，一般情况下就是引入jquery文件路径出错了。在哪个jsp页面引入的就一当前页面为相对路径，假如我的jquery文件就放在webRoot文件夹下的js文件夹下，jsp也放在webRoot文件夹下，那么引入jQuery文件路径就应该为：

<script src="js/jquery-2.2.3.min.js"></script>

相同路径下开头不需要加“/”
我测试的代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<!-- jQuery 2.2.3 -->
<script src="js/jquery-2.2.3.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#btn").click(function() {
            var src = $("#td3").siblings("td").eq(1).text();
            alert(src);
        });
    });
</script>
</head>

<body>
    <table id="tb" style="text-align: center;" width="100%" border="1PX">
        <tr>
            <td>A1</td>
            <td>A2</td>
            <td>A3</td>
        </tr>
        <tr>
            <td>B1</td>
            <td style='display:none;'>B2</td>
            <td id="td3">B3</td>
        </tr>
    </table>
    <button id="btn">切换</button>
</body>
</html>