返回值:jQuery:focus
概述
匹配當(dāng)前獲取焦點(diǎn)的元素。
如同其他偽類選擇器（那些以":"開(kāi)始），建議:focus前面用標(biāo)記名稱或其他選擇;否則，通用選擇("*")是不言而喻的。換句話說(shuō)，$(':focus')等同為$('*:focus')。如果你正在尋找當(dāng)前的焦點(diǎn)元素，$( document.activeElement )將檢索，而不必搜索整個(gè)DOM樹。
示例
描述:
添加一個(gè)"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);
});