返回值: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);
});