如何使用jQuery-document.getElementById（“ selectlist”）。value

在jQuery中，等效于document.getElementById("selectlist").value什么？

我试图获取选择列表项的值。

谢谢。

$('#selectlist').val();

“等价”是这里的词

而...

$('#selectlist').val();

...相当于...

document.getElementById("selectlist").value

值得注意的是

$('#selectlist')

...虽然“等同”与...不同

document.getElementById("selectlist")

...由于前者返回jQuery对象，而不是DOM对象。

要从jQuery对象获取DOM对象，请使用以下代码：

$('#selectlist').get(); //get all DOM objects in the jQuery collection
$('#selectlist').get(0); //get the DOM object in the jQuery collection at index 0
$('#selectlist')[0]; //get the DOM objects in the jQuery collection at index 0

混乱无处不在，但是对于这些问题，您应该在线查看Jquery文档 -它确实非常全面。您追求的功能称为“ jquery选择器”

通常，您$('#ID').val()可以这样做-.afterwards可以对选择器返回的元素执行很多操作。您还可以选择特定类上的所有元素，并对每个元素进行操作。查看文档中的一些好例子。

可以通过三种不同的方式来完成，尽管它们几乎都是相同的

Javascript方式

document.getElementById('test').value

jQuery方式

$("#test").val()          

$("#test")[0].value             

$("#test").get(0).value

对于那些想知道jQuery id选择器是否比document.getElementById慢的人，答案是肯定的，但这不是因为人们对它在整个DOM中进行搜索以寻找元素的先入之见。jQuery实际上确实使用了本机方法。实际上，这是因为jQuery首先使用正则表达式来分离选择器中要检查的字符串，当然还要运行构造函数：

rquickExpr = /^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/

而使用DOM元素作为参数立即返回“ this”。

所以这：

$(document.getElementById('blah')).doSomething();

将永远比这更快：

$('#blah').doSomething();

在某些情况下，我不记得为什么，但$('#selectlist').val()不会总是返回正确的项目值，所以我$('#selectlist option:selected').val()改用了。