我有这段简单的jQuery代码要测试。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("text").attr("disabled","");
});
});
</script>
</head>
<body>
<input type="text">
<br />
<button>Set the textfield disabled</button>
</body>
</html>
基本上，HTML页面带有一个简单的按钮和文本框。 我想要的是在单击按钮时将输入字段禁用。 但它不起作用？？？
（PS：此代码来自w3schools.com网站，只是为了简单地测试jQuery的功能）
从jQuery 1.7开始，你可以使用.prop：
$(document).ready(function(){
$("button").click(function(){
$(":text").prop("disabled", true);
});
});
在1.7之前，您可以执行以下操作:
$(document).ready(function(){
$("button").click(function(){
$(":text").attr("disabled", true);
});
});
顺便提一下：使用$(":text") 或 $('input[type="text"]') 来选择所有文本类型的元素。
disabled，最好使用 .prop() 而不是 .attr()。 - xdazz试试这个：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#text").attr("disabled","true");
});
});
</script>
</head>
<body>
<input id="text" type="text">
<br />
<button>Set the textfield disabled</button>
</body>
</html>
或者（更现代化）：
$("input[type=text]").prop('disabled', true);
jquery 中没有 text 选择器。您需要使用属性选择器 [attribute=value]
$('input[type=text]').prop('disabled', true); // prop Works on jquery 1.7+
或者：
$('input[type=text]').attr('disabled', 'disabled'); // Works in each version.
// But isn't W3C standard.
有一个:text选择器，但它比第一种选项效率低，参见docs：
$(':text')等同于$('[type=text]')，因此选择所有元素。与其他伪类选择器（以“：”开头的那些）一样，建议在其前面加上标签名或其他选择器；否则，通用选择器（“”）将被隐含。换句话说，裸露的$(':text')等同于$(':text')，因此应改用$('input:text')。
附加说明：由于:text是jQuery扩展而不是CSS规范的一部分，使用:text的查询无法利用本机DOM querySelectorAll()方法提供的性能提升。为了在现代浏览器中获得更好的性能，请改用[type="text"]。
请注意，您的XHTML无效。您应该关闭<input type="text"> => <input type="text" />
$("input").attr("disabled","disabled");
$(':text').prop('disabled',true);
替代方案。
:text 是无效的。现已更新。我猜他本来应该检查一下选择器是否匹配了任何元素。 - mpen
<input type="text">元素有什么问题吗？它没有正确关闭吗？在HTML5中不是有效的吗？<input>元素从来没有内容，因此它是明确无歧的。 - mpen<input />，就像每个XML元素一样。 - gdoron