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

阅读：评论：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 definedat 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>

其中var src = $("#td3").siblings("td").eq(1).text();是选择B3的同胞兄弟，有兴趣的朋友可以参考：.html

本文发布于:2024-02-03 04:23:39，感谢您对本站的认可！

本文链接：https://www.4u4v.net/it/170690541948628.html

上一篇：vue兄弟（同胞）传值步骤

下一篇：两个同胞兄弟

标签：同胞兄弟文件 jQuery

留言与评论（共有 0 条评论）