Açıklama :
Tüm <button> elemanları ve type="button" olan elemanları
seçer.
jQuery( ":button" )
Eklendiği Versiyon 1.0
Bu $( ":button" ) seçicisi geçerli standart CSS seçicisi
$( "button, input[type='button']" ) ile eşdeğerdir.
İlave Notlar :
-
Bu
:button seçicisi bir jQuery eklentisi olduğu için DOM
querySelectorAll() metodu kadar performanslı değildir. Yüksek performans
gereken durumlarda önce elemanları standart CSS seçicilerle seçiniz ve
.filter(":button") kodunu kullanınız.
Örnekler:
Tüm butonları bul ve işaretle.
<style>
textarea { height: 35px; }
div { color: red; }
fieldset {
margin: 0;
padding: 0;
border-width: 0;
}
.marked {
background-color: yellow;
border: 3px red solid;
}
</style>
<form>
<fieldset>
<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>
</fieldset>
</form>
<div></div>
<script>
var input = $( ":button" ).addClass( "marked" );
$( "div" ).text( "JQuery " + input.length + " buton buldu." );
// Formun gönderimini engelle
$( "form" ).on( "submit", function( event ) {
event.preventDefault();
} );
</script>