:focus

返回值:jQuery:focus

概述

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

如同其他偽類選擇器（那些以":"開始），建議:focus前面用標(biāo)記名稱或其他選擇;否則，通用選擇("")是不言而喻的。換句話說，$(':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);
});