:input
Отбирает все элементы форм типов input, textarea, select, button и других. Селектор :input выбирает все элементы управления формой. Селектор появился в jQuery 1.0.
Пример использования селектора :input
Задача: Найти все элементы ввода на HTML-форме.
<!DOCTYPE html>
<html>
<head>
<style>
textarea { height:25px; }
</style>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<form>
<input type="button" value="Кнопка"/>
<input type="checkbox" />
<input type="file" />
<input type="hidden" />
<input type="image" />
<input type="password" />
<input type="radio" />
<input type="reset" />
<input type="submit" />
<input type="text" />
<select><option>Элемент списка</option></select>
<textarea></textarea>
<button>Кнопка</button>
</form>
<div id="messages">
</div>
<script>
var allInputs = $(":input");
var formChildren = $("form > *");
$("#messages").text("Найдено " + allInputs.length + " элементов ввода формы, и форма имеет " +
formChildren.length + " вложенных элементов.");
// so it won't submit
$("form").submit(function () { return false; });
</script>
</body>
</html>
В этом примере будет выбрано 13 элементов.
Новое в справочниках
- Метод jQuery.ajax() / 20.04.2011
- jQuery-селектор [attribute$="value"] / 04.02.2011
- Метод jQuery.sub() / 31.01.2011
- Популярные плагины jQuery / 20.01.2011
- Метод .animate() в jQuery / 27.12.2010
