:focus

最后更新于:2022-04-01 05:51:34

### 返回值:jQuery:focus ### 概述 匹配当前获取焦点的元素。 如同其他伪类选择器(那些以":"开始),建议:focus前面用标记名称或其他选择;否则,通用选择("*")是不言而喻的。换句话说,$(':focus')等同为$('*:focus')。如果你正在寻找当前的焦点元素,$( document.activeElement )将检索,而不必搜索整个DOM树。 ### 示例 #### 描述: 添加一个"focused"的类名给那些有focus方法的元素 ##### css 代码: ~~~ .focused {    background: #abcdef;} ~~~ ##### html 代码: ~~~ <div id="content">    <input tabIndex="1">    <input tabIndex="2">    <select tabIndex="3">        <option>select menu</option>    </select>    <div tabIndex="4">        a div    </div></div> ~~~ ##### jQuery 代码: ~~~ $( "#content" ).delegate( "*", "focus blur", function( event ) { var elem = $( this ); setTimeout(function() { elem.toggleClass( "focused", elem.is( ":focus" ) ); }, 0); }); ~~~
';