jQuery选择器,用逗号分隔的时候需要注意范围问题:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>b index</title>
<link rel='stylesheet' type="text/css" href='b/css/bootstrap.css'>
</head>
<body style="margin:150px;">
<div>
<input type="checkbox" info="1" id="chkTestId"><label for="chkTestId">选择框</label>
<input type="checkbox" info="2" id="chkTest2Id"><label for="chkTestId">选择框2</label>
<button id="btnClickId">click me</button>
<input type="hidden" value="hiddenValue">
</div>
<div>
<table id="tblFormId">
<tr>
<td><input type="text" id="txtIn01Id"></td>
</tr>
<input type="text" id="txtIn02Id" >
</table>
<button id="btnUnderTblId">click me</button>
</div>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="b/js/bootstrap.js"></script>
<script type="text/javascript" src="js/index020.js"></script> </body>
</html>
$('#tblFormId input,input[type=hidden]')选择结果为:
<input type="hidden" value="hiddenValue"><input type="text" id="txtIn01Id">
选择器中的逗号是两个条件的合集,第一个条件中的空格前面的部分不能带到下一个选择器中,
所以原来的意思是:$('#tblFormId input,#tblFormId input[type=hidden]')