Только поля ввода пароля

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
(В действии)
Строка 7: Строка 7:
''Замечание 1'': использовать фильтр без предшествующего селектора (то есть $(":password") вместо $("selector:password")) не рекомендуется, поскольку это эквивалентно $("*:password"), а [[Селектор всех элементов|универсальный селектор "*"]] работает очень медленно. Лучше будет использовать такую запись: $("input:password").
''Замечание 1'': использовать фильтр без предшествующего селектора (то есть $(":password") вместо $("selector:password")) не рекомендуется, поскольку это эквивалентно $("*:password"), а [[Селектор всех элементов|универсальный селектор "*"]] работает очень медленно. Лучше будет использовать такую запись: $("input:password").
-
''Замечание 2'': "input:password" сработает так же, как и [[Селектор по значению атрибута|селектор по атрибутам]] "[type=password]", однако, рекомендуется использовать первый вариант.
+
''Замечание 2'': "input:password" сработает так же, как и [[Селектор по значению атрибута|селектор по атрибутам]] "[type=password]", однако, последний вариант будет выполнен несколько быстрее.
</div>
</div>
Строка 23: Строка 23:
Найдем полямя для ввода пароля на странице и выделим их красной рамкой:
Найдем полямя для ввода пароля на странице и выделим их красной рамкой:
</p>
</p>
-
<advCode atype="editable" width="450px" height="250px">
+
<codeditor>
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
Строка 34: Строка 34:
</head>
</head>
<body>
<body>
 +
   <form>
   <form>
     <input type="text" value="text" /><br>
     <input type="text" value="text" /><br>
Строка 40: Строка 41:
     <input type="radio" />
     <input type="radio" />
   </form>
   </form>
-
<script>
+
 
-
     $("input:password").css("border", "2px red solid");
+
  <script>
-
</script>
+
     $("input:password")
 +
      .css("border", "2px red solid");
 +
  </script>
</body>
</body>
</html>
</html>
-
</advCode>
+
</codeditor>
==Ссылки==
==Ссылки==
Строка 51: Строка 54:
*[[Селекторы|Список всех селекторов]]
*[[Селекторы|Список всех селекторов]]
*[[Функция jQuery|$( ) &mdash; функция jQuery]]
*[[Функция jQuery|$( ) &mdash; функция jQuery]]
-
<stag ttype=selector alias=":password"> поля пароля на странице, password </stag>
+
<stag ttype=selector alias=":password"> поля пароля на странице, password, :password </stag>

Версия 11:44, 26 февраля 2014

:password1.0

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

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

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

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

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

В действии

Найдем полямя для ввода пароля на странице и выделим их красной рамкой:

Ссылки

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

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

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

за Comic Sans извени

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