:input Seçicisi

input selector
Açıklama : Tüm input, textarea, select ve button elemanlarını seçer.

jQuery( ":input" ) Eklendiği Versiyon 1.0

Basitçesi :input seçicisi tüm form elemanlarını seçer.


İlave notlar :

  • Bu :input seçicisi bir jQuery eklentisi olup standart CSS seçicisi olmadığı için JavaScript querySelectorAll() metodu kadar performanslı olmaz. Modern tarayıcılarda daha iyi performans için önce standart CSS seçici ile seçimi daraltıp sonra .filter(":input") metodu ile filtreleme yapınız.


Örnekler:

Tüm input elemanları bul.

<style>
   textarea { height: 25px; }
</style>
<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"></div>
 
<script>
   var allInputs = $(":input");
   var formChildren = $("form > *");
   $("#messages").text("Found " + allInputs.length +
      " inputs and the form has " +
      formChildren.length + " children.");
   
   $("form").on("submit", function( event ) {
      event.preventDefault();
   });
</script>

.

.