[Селектор] input()
Раздел "Selectors"
Выбрать элементы input, textarea, select и элементы кнопоки (button).
Параметры
Пример
:input
Примеры
Пример:
Найти все элементы input.
"jQuery"
var allInputs = $(":input");
var formChildren = $("form > *");
$("#messages").text("Found " + allInputs.length + " inputs and the form has " +
formChildren.length + " children.");
// для предотвращения отправки формы
$("form").submit(function () { return false; });
"HTML"
<form>
<input type="button" value="Input Button"/>
<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</option></select>
<textarea></textarea>
<button>Button</button>
</form>
<div id="messages">
"CSS"
textarea { height:25px; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ var allInputs = $(":input"); var formChildren = $("form > *"); $("#messages").text("Found " + allInputs.length + " inputs and the form has " + formChildren.length + " children."); // для предотвращения отправки формы $("form").submit(function () { return false; }); }); </script> </head> <body class="iframe"> <form> <input type="button" value="Input Button"/> <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</option></select> <textarea></textarea> <button>Button</button> </form> <div id="messages"> </body> </html> <style> textarea { height:25px; } </style>
Версия jQuery 1.4.2
Документ создан 2010-08-21