返回值:jQuery:focus

jQuery :focus 選擇器概述

匹配當(dāng)前獲取焦點(diǎn)的元素。

如同其他偽類選擇器（那些以":"開始），建議: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);
});