Элемент в фокусе

Соответствует тому из выбранных с помощью селектора someSelector элементов, который находится в фокусе.

Примеры использования:

$("input:focus")	вернет input-элемент, находящийся в фокусе.
$("input[type='text']:focus")	вернет текстовое поле ввода, находящееся в фокусе.

В действии

При получении элементом фокуса, выделим его синим фоном:

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~style~gt~
    div{margin:5px 2px; border:1px solid #ccc}
    .focused{background:#abcdef}
  ~lt~/style~gt~
  ~lt~script src="https://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~
~lt~/head~gt~
~lt~body~gt~
  
  ~lt~input tabIndex="1"~gt~
  ~lt~input tabIndex="2"~gt~
  ~lt~select tabIndex="3"~gt~
    ~lt~option~gt~select menu~lt~/option~gt~
  ~lt~/select~gt~
  ~lt~div tabIndex="4"~gt~
    div-элемент
  ~lt~/div~gt~

  ~lt~script~gt~
    $("*").live("focus blur", function(e){
      var el = $(this);
      setTimeout(function(){
        el.toggleClass("focused", el.is(":focus"));
      }, 0);
    });
  ~lt~/script~gt~

~lt~/body~gt~
~lt~/html~gt~

Ссылки

• Список всех селекторов
• $( ) — функция jQuery