jquery - 按名称访问表单输入字段

Question

是否可以仅使用元素名称来访问表单输入字段？

如果我使用ID尝试此操作，它将如下所示：

<input type="text" id="fname">

$("#fname").blur(function(){
    var x = document.getElementById("fname");
    x.value = x.value.toUpperCase();
});

是否有任何方法可以使用名称来访问该元素，该字段是??：

<input type="text" name="fname">

Answer 1

要做到这一点，正确的选择器是

$('input[name=fname]')

Answer 2

查看您可以使用的所有选择器：https://api.jquery.com/category/selectors/

$('input[name=fname]').on('blur', function() {
 //your code ...
});

Answer 3

你可以做到

$('[name="fname"]')

但建议使用比执行属性选择器更有效的id / class。

revised demo http://learn.jquery.com/using-jquery-core/selecting-elements/

Answer 4

您可以使用$("input[name=fname]")

Answer 5

你可以在这里看到演示DEMO

$("input[name='fname']").blur(function(e){
   alert('blur')
});