Только переключатели
Материал из JQuery
Admin (Обсуждение | вклад) (→В действии) |
Admin (Обсуждение | вклад) |
||
| Строка 7: | Строка 7: | ||
''Замечание 1'': использовать фильтр без предшествующего селектора (то есть $(":radio") вместо $("selector:radio")) не рекомендуется, поскольку это эквивалентно $("*:radio"), а [[Селектор всех элементов|универсальный селектор "*"]] работает очень медленно. Лучше будет использовать такую запись: $("input:radio"). | ''Замечание 1'': использовать фильтр без предшествующего селектора (то есть $(":radio") вместо $("selector:radio")) не рекомендуется, поскольку это эквивалентно $("*:radio"), а [[Селектор всех элементов|универсальный селектор "*"]] работает очень медленно. Лучше будет использовать такую запись: $("input:radio"). | ||
| - | ''Замечание 2'': ":radio" сработает так же, как и [[Селектор по значению атрибута|селектор по атрибутам]] "[type=radio]", | + | ''Замечание 2'': ":radio" сработает так же, как и [[Селектор по значению атрибута|селектор по атрибутам]] "[type=radio]", и последний вариант будет выполненяться несколько быстрее. |
</div> | </div> | ||
| Строка 18: | Строка 18: | ||
|class="discr"|вернет переключатели, находящиеся внутри элементов с классом formBox. | |class="discr"|вернет переключатели, находящиеся внутри элементов с классом formBox. | ||
|} | |} | ||
| + | |||
| + | Найти все <tt>radio</tt>-элементы из одной группы можно таким образом: <tt>$( 'input[name=gender]:radio' )</tt> (где ''gender'' это значение атрибута name у искомой группы переключателей). | ||
==В действии== | ==В действии== | ||
| Строка 23: | Строка 25: | ||
Найдем переключатели на странице и будем поочередно скрывать и показывать их: | Найдем переключатели на странице и будем поочередно скрывать и показывать их: | ||
</p> | </p> | ||
| - | < | + | <codeditor> |
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | <html> | ||
| Строка 42: | Строка 44: | ||
<script> | <script> | ||
function rnd(){ | function rnd(){ | ||
| - | $("input:radio").fadeToggle(1000,'swing',rnd); | + | $("input:radio") |
| + | .fadeToggle(1000,'swing',rnd); | ||
} | } | ||
rnd(); | rnd(); | ||
| Строка 48: | Строка 51: | ||
</body> | </body> | ||
</html> | </html> | ||
| - | </ | + | </codeditor> |
==Ссылки== | ==Ссылки== | ||
| Строка 54: | Строка 57: | ||
*[[Селекторы|Список всех селекторов]] | *[[Селекторы|Список всех селекторов]] | ||
*[[Функция jQuery|$( ) — функция jQuery]] | *[[Функция jQuery|$( ) — функция jQuery]] | ||
| - | <stag ttype=selector alias=":radio"> переключатели на странице, radio </stag> | + | <stag ttype=selector alias=":radio"> переключатели на странице, radio, :radio </stag> |
Текущая версия на 12:07, 26 февраля 2014
Соответствует элементам, которые являются переключателями (input-элементы с типом radio).
Замечание 1: использовать фильтр без предшествующего селектора (то есть $(":radio") вместо $("selector:radio")) не рекомендуется, поскольку это эквивалентно $("*:radio"), а универсальный селектор "*" работает очень медленно. Лучше будет использовать такую запись: $("input:radio").
Замечание 2: ":radio" сработает так же, как и селектор по атрибутам "[type=radio]", и последний вариант будет выполненяться несколько быстрее.
Примеры использования:
| $(".formBox input:radio") | вернет переключатели, находящиеся внутри элементов с классом formBox. |
Найти все radio-элементы из одной группы можно таким образом: $( 'input[name=gender]:radio' ) (где gender это значение атрибута name у искомой группы переключателей).
В действии
Найдем переключатели на странице и будем поочередно скрывать и показывать их:
