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

针对前端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"%>

<html>
<head>
<title>My JSP 'index.jsp' starting pagetitle>

<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>A1td>
            <td>A2td>
            <td>A3td>
        tr>
        <tr>
            <td>B1td>
            <td style='display:none;'>B2td>
            <td id="td3">B3td>
        tr>
    table>
    <button id="btn">切换button>
body>
html>

其中var src = $("#td3").siblings("td").eq(1).text();是选择B3的同胞兄弟,有兴趣的朋友可以参考:http://www.runoob.com/jquery/jquery-traversing-siblings.html

你可能感兴趣的:(jquery,jquery,前端,jsp,javascript)