JQuery UI API -: фокусируемым Selector
категория
Селектор (селекторы) | основной пользовательский интерфейс (UI ядро)
использование
Описание: Выберите целенаправленный элемент.
Сами Некоторые элементы являются фокусирования (фокусируемым), в то время как другие элементы должны явно установить индекс вкладки. В обоих случаях для того, чтобы сфокусировать (фокусируемый), элемент должен быть виден.
Следующие типы элементов, если не отключена, то фокусирования (фокусируемый): input , select , textarea , button и object . Если якорь с href или tabindex атрибутов фокусирования (фокусируемый). area элементы Если именованный карте, и с href атрибута, и есть видимое изображение с помощью карты, он ориентирован (Focusable). Все остальные полностью основаны на tabindex атрибута и видимости элемента является фокусирования (фокусируемый).
Примечание: Вкладка элемент с отрицательным показателем является :focusable , а не :tabbable .
примеров
Выберите элемент фокусируемых и выделен красной рамкой.
<! DOCTYPE HTML>
<HTML LANG = "EN">
<Head>
<Meta Charset = "UTF-8">
<Title>: фокусируемым Selector Примеры </ title>
<Link отн = "таблица стилей" HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<Style>
вход, а, р {
границы: 1px твердый # 000;
}
DIV {
обивка: 5px;
}
</ Style>
<Script SRC = "// code.jquery.com/jquery-1.10.2.js"> </ скрипт>
<Script SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ скрипт>
</ Head>
<Body>
<Div> <входное значение = "ввод текста"> </ DIV>
<Div> <a> якорь </a> без HREF </ div>
<Div> <a href="#"> якорь </a> с HREF </ DIV>
<Div> <p> без TabIndex пункта </ p> </ DIV>
<Div> <р TabIndex = "1"> абзац с TabIndex </ p> </ DIV>
<Script>
$ ( ": Focusable") .css ( "Граница-цвет", "красный");
</ Script>
</ Body>
</ HTML>