Только переключатели

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
(В действии)
 
Строка 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>
-
<advCode atype="editable" width="450px" height="250px">
+
<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>
-
</advCode>
+
</codeditor>
==Ссылки==
==Ссылки==
Строка 54: Строка 57:
*[[Селекторы|Список всех селекторов]]
*[[Селекторы|Список всех селекторов]]
*[[Функция jQuery|$( ) &mdash; функция jQuery]]
*[[Функция jQuery|$( ) &mdash; функция jQuery]]
-
<stag ttype=selector alias=":radio"> переключатели на странице, radio </stag>
+
<stag ttype=selector alias=":radio"> переключатели на странице, radio, :radio </stag>

Текущая версия на 12:07, 26 февраля 2014

:radio1.0

Соответствует элементам, которые являются переключателями (input-элементы с типом radio).

Замечание 1: использовать фильтр без предшествующего селектора (то есть $(":radio") вместо $("selector:radio")) не рекомендуется, поскольку это эквивалентно $("*:radio"), а универсальный селектор "*" работает очень медленно. Лучше будет использовать такую запись: $("input:radio").

Замечание 2: ":radio" сработает так же, как и селектор по атрибутам "[type=radio]", и последний вариант будет выполненяться несколько быстрее.

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

$(".formBox input:radio") вернет переключатели, находящиеся внутри элементов с классом formBox.

Найти все radio-элементы из одной группы можно таким образом: $( 'input[name=gender]:radio' ) (где gender это значение атрибута name у искомой группы переключателей).

В действии

Найдем переключатели на странице и будем поочередно скрывать и показывать их:

Ссылки

Поисковые ключи:
  • переключатели на странице
  • radio
  •  :radio

От автора jquery.page2page.ru

 
Мини-игра про поход за продуктами во время карантина.

за Comic Sans извени

Личные инструменты