Javascript 将所有输入字段更改为蓝色
我的Jquery代码应该将表单边框的所有输入字段转换为蓝色。。但它不这样做。。。我到底哪里出错了Javascript 将所有输入字段更改为蓝色,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我的Jquery代码应该将表单边框的所有输入字段转换为蓝色。。但它不这样做。。。我到底哪里出错了 <html> <head> <title>Form</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<html>
<head>
<title>Form</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
alert('Works !');
$('#provision:text').css('border', '2px solid blue');
});
</script>
</head>
<body>
<form id="provision">ESNList:
<input type="text" id="ESNList" name="ESNList" size="30" />
<br />ESN Start:
<input type="text" id="ESNStart" name="ESNStart" size="10" />
<br />ESN End:
<input type="text" id="ESNStart" name="ESNStart" size="10" />
<br />UnitName:
<input type="text" id="STxName" name="STxName" size="30" />
<br />Unit Model:
<select name="STxName">
<option value="stx2">STX2</option>
<option value="protopak">Protopak</option>
<option value="stm3" selected>STM3</option>
<option value="acutec">Acutec</option>
<option value="mmt">MMT</option>
<option value="smartone">Trackpack</option>
<option value="smartoneb">SmartOneB</option>
<option value="audi">Acutec</option>
</select>
<br />RTU Model Type:
<select name="rtumodel">
<option value="globalstar">GlobalStar</option>
<option value="both">Both</option>
<option value="comtech">Comtech</option>
<option value="stmcomtech">STMComtech</option>
</select>
<br />
<input type="submit" value="submit" />
</form>
</body>
</html>
形式
$（函数（）{
警惕（‘工作’）；
$（“#规定：文本”）.css（'border'，'2px纯蓝色'）；
});
ESNList：
ESN启动：
ESN端：
单位名称：
单元型号：
STX2
普罗托帕克
STM3
阿库特克
MMT
轨迹包
智能手机
阿库特克
RTU型号：
环球之星
二者都
通信技术
STMComtech
$('#provision input:text').css('border','2px solid blue');});
您需要实际查询那些
$('#provision input:text').css('border','2px solid blue');});
$（“#准备金输入”）$（“#provision input”）$('#provision input:text').css('border', '2px solid blue');
$（函数（）{
警惕（‘工作’）；
$（“#规定输入：text'）.css（'border'，'2px纯蓝色'）；
});
$（函数（）{
警惕（‘工作’）；
$（“#规定输入：text'）.css（'border'，'2px纯蓝色'）；
});
#provision :text
#provision#provision$('#provision input[type="text"]')
texttext您只需要在选择器中留出一个空间：
#provision :text
#provision#provision$('#provision input[type="text"]')
texttext以下是您案例中正确的JQuery文本选择器：
$（“#规定输入：text'）.css（'border'，'2px纯蓝色'）；
文本选择器的官方API文档：以下是您案例中正确的JQuery文本选择器：
$（“#规定输入：text'）.css（'border'，'2px纯蓝色'）；
文本选择器的官方API文档：：文本不是选择器。Try without.id='ESNStart'出现两次。ID是唯一的。$（“#规定输入[type=text]”）。css（'border'，'2px纯蓝色'）；：文本不是选择器。Try without.id='ESNStart'出现两次。ID是唯一的。$（“#规定输入[type=text]”）。css（'border'，'2px纯蓝色'）；嗯，不，他没有-输入是隐式的。这正是所需的空间。@Alnitak:我认为为了可读性，您完全应该通过传入节点名来明确说明问题。为了可读性，可能，但这不是您修复的错误，您通过添加空间（可能是无意中）做到了这一点。从jQuery文档的第一行“
$（'：text'）：text输入$（'：text'）：text输入