jQuery：如何返回html属性的'value'

Question

我有一些HTML：

<input class="button" name="submit_button" type="submit" value="Abe Lincoln">

假设一个jQuery对象

foo = $('input.button') 

由上述HTML组成，如何从'value'属性中提取名称？

Answer 1

$('input.button').val();文档：http://api.jquery.com/val/

.val()将获取用户输入的当前值。要获取其他属性，请使用.attr()：

$('input.button').attr('name') // returns "submit_button"

文档：http://api.jquery.com/attr/

---

另请注意，来自.attr文档的警告：

  

要检索和更改checked，selected等DOM属性，   或disabled表单元素的状态，使用.prop()方法。

即，不要使用$('input.button').attr('checked')，而是使用$('input.button').prop('checked')。

文档：http://api.jquery.com/prop/

Answer 2

试试这个;）

foo = $('input.button').val()

或者您可以使用attr（）：

foo = $('input.button').attr('value')

Answer 3

如果要提取任何属性的值，则可以使用jQuery的.attr()函数。

var output = $('input.button').attr('value');

Answer 4

var foo = $('input.button');
var val =foo.val();