为什么我用jQuery选择 不能生效
来源：6-2 项目作业
清梦_Eva
2020-03-22 17:25:27
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="login">
<div class="header">
<h1>
<a href="/login.do">登录</a>
</h1>
<button></button>
</div>
<form action="/login.do" method="post">
<div class="name">
<input type="text" id="name" name="username">
<p></p>
</div>
<div class="pwd">
<input type="password" id="pwd" name="password">
<p></p>
</div>
<div class="code">
<input type="text" id="code" name="verifyCode" style="width: 150px">
<img id="codeImg"
src="${pageContext.request.contextPath }/KaptchaServlet"
style="width: 150px; height: 42px; vertical-align: middle;">
<p></p>
</div>
<div class="btn-red">
<input type="submit" value="登录" id="login-btn">
</div>
</form>
</div>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript">
$("#codeImg")
.click(
function() {
$(this).src = "${pageContext.request.contextPath }/KaptchaServlet?time="
+ new Date().getTime();
});
</script>
</body>
</html>用jquery不能生效 但是用普通的js却可以
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="login">
<div class="header">
<h1>
<a href="/login.do">登录</a>
</h1>
<button></button>
</div>
<form action="/login.do" method="post">
<div class="name">
<input type="text" id="name" name="username">
<p></p>
</div>
<div class="pwd">
<input type="password" id="pwd" name="password">
<p></p>
</div>
<div class="code">
<input type="text" id="code" name="verifyCode" style="width: 150px">
<img id="codeImg" onclick="changeImg()" src="${pageContext.request.contextPath }/KaptchaServlet"
style="width: 150px; height: 42px; vertical-align: middle;">
<p></p>
</div>
<div class="btn-red">
<input type="submit" value="登录" id="login-btn">
</div>
</form>
</div>
<script type="text/javascript">
function changeImg() {
var codeImg=document.getElementById("codeImg");
codeImg.src="${pageContext.request.contextPath }/KaptchaServlet?time="+new Date().getTime();
}
</script>
</body>
</html>写回答
1回答
-
同学你好，使用jquery也是可以实现的。jquery修改src可通过attr()。修改后代码如下所示：
$("#codeImg").click(function() { $(this).attr("src","${pageContext.request.contextPath }/KaptchaServlet?time=" + new Date().getTime()); });如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
相似问题