input තෝරන්නා

:input තෝරන්නා පෝරම අංග පාලන අංග තෝරා ගනී - ආදාන, පෙළ කලාප, ලිස්තු පෙට්ටි සහ බොත්තම්. මෙම ටැග් බලන්න: input, textarea, button, select. :input තෝරන්නා CSS ප්‍රමිතියට අයත් නොවන බැවින්, නවීන බ්‍රවුසරවල කාර්ය සාධනය වැඩි දියුණු කිරීම සඳහා පළමුව අංග ෆිල්ටර් කිරීම හිස් CSS තෝරන්නා භාවිතයෙන් කර, පසුව .filter(':input') යොදන්න.

වාක්‍ය ඛණ්ඩය

මේ ආකාරයට අපි පෝරම අංග පාලන අංග තෝරා ගනිමු:

$(':input');

උදාහරණය

ඉහත දක්වා ඇති න්‍යාය අනුව, සියලුම පෝරම අංග පාලන අංග තෝරා ගෙන length ගුණාංගය භාවිතා කර ඒවායේ සංඛ්‍යාව කොන්සෝලයට මුද්‍රණය කරමු. අපට එහි ටැග් 13 සියල්ලම ඇතුළත් වී ඇති බව පෙනේ:

<form>
	<input type="button" value="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>

textarea {
	height: 25px;
}

let allInputs = $(':input');
console.log('Tags amount: ' + allInputs.length);

$('form').submit(function(event) {
	event.preventDefault(); // පෝරමය යැවීම වැළැක්වීම
});

බලන්න

filter ක්‍රමය,
එය ලබා දී ඇති තෝරන්නා අනුව කට්ටලයේ අංග ෆිල්ටර් කරයි
form ටැගය
input ටැගය