Javascript jQuery val（）方法不工作

我想在一个HTML表单中读取文本框中输入的值，为此我尝试了jQuery

val（）

方法，但它不起作用，知道为什么吗

HTML:

---

jsidle是您已经为

和

提供了

“卡号”

类

在选择器中指定

输入。否则，
.val（）
将为您提供找到的第一个元素的值（标签
）



如果您真正关心微观优化，则应使用本机方法：

var card_num = (document.getElementById('txt_cardno')||{}).value;

您已经为
和
提供了
“卡号”
类

在选择器中指定
输入。否则，
.val（）
将为您提供找到的第一个元素的值（标签
）



如果您真正关心微观优化，则应使用本机方法：

var card_num = (document.getElementById('txt_cardno')||{}).value;

使用id访问它（更快）：

使用id访问它（更快）：

您的
类
与您的
类相同，因此jQuery正在尝试检索
的值，但检索失败。相反，请通过
名称
或
id
参考您的
：

$('#txt_cardno').val()

不管怎样，我都建议使用ID，因为jQuery将其优化为
document.getElementById
，这要快得多。
您的
类与
类相同，因此jQuery正在尝试检索
的值，但检索失败。相反，请通过
名称
或
id
参考您的
：

$('#txt_cardno').val()

不管怎样，我都建议使用ID，因为jQuery将其优化为
document.getElementById
，这要快得多。
选择输入元素的
ID
，而不是
类
：
选择输入元素的
ID
，与
类相反：
尝试使用ID访问元素：

var card_num = $('#txt_cardno').val();

尝试使用ID访问元素：

var card_num = $('#txt_cardno').val();

但是为什么我需要添加额外的输入呢@user993563:我刚刚用更多信息更新了我的答案。当jQuery找到多个元素时，
.val（）
将尝试只给出找到的第一个元素的值。在本例中，
标签是第一位的，因此您不会得到任何值（因为标签没有值）。Thnak用于解释，非常有用！！但是为什么我需要添加额外的输入呢@user993563:我刚刚用更多信息更新了我的答案。当jQuery找到多个元素时，
.val（）
将尝试只给出找到的第一个元素的值。在本例中，
标签是第一位的，因此您不会得到任何值（因为标签没有值）。Thnak用于解释，非常有用！！值得指出的是，您使用的是jQuery1.7.1（在链接的JS FIDLE中），在这种情况下不推荐使用。请改用。谢谢@DavidThomas将在（）上使用。值得指出的是，您使用的是jQuery 1.7.1（在链接的JS小提琴中），在这种情况下不推荐使用。改用。谢谢@DavidThomas将在（）上使用
var card_num = $('#txt_cardno').val();