Jquery选择器＆gt;无法选择自动对焦属性

Question

我想选择存在autofocus属性的元素。出于某种原因，我的jquery选择器$("[autofocus]")没有返回任何内容。

我想这是一个简单的解决方案，我只是看不出我做错了什么（这是一个错误？！）。

浏览器：Chrome - 版本52.0.2743.116 m（64位）

HTML：

<input id="a" type="text" autofocus="autofocus" value="a" />
<input id="b" type="text" autofocus="autofocus" value="b" />
<input id="c" type="text" autofocus="autofocus" value="c" />

Javascript：

console.log($("[type=text]").length); // -> 3
console.log($("[autofocus]").length); // -> 0
console.log($("[autofocus=autofocus]").length); // -> 0

为什么我无法选择autofocus属性？

JSBin

Answer 1

<强> Working fiddle

您的代码可以正常工作，如下例所示。该错误来自将autofocus="autofocus"翻译为="autofocus"的JsBin。

希望这有帮助。

＆＃13;

＆＃13;

var focusFn = function(){
  console.log("inside fn");
  console.log($("[type=text]").length);
  console.log($("[autofocus]").length);
  console.log($("[autofocus=autofocus]").length);
  $("input[type=text]:visible:first").focus();
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="focus" onclick="focusFn()"></input><br/>
<input id="a" type="text" autofocus="autofocus" value="a" /><br/>
<input id="b" type="text" autofocus="autofocus" value="b" /><br/>
<input id="c" type="text" autofocus="autofocus" value="c" /><br/>

＆＃13;

＆＃13;

＆＃13;