Selektor button

Selektor :button düymə elementlərini və button tipli bütün elementləri seçir. Baxın teqlər button, input button tipi ilə. $(':button') ekvivalentidir $('button'), $("input[type='button']"). :button CSS spesifikasiyasına aid olmadığı üçün, müasir brauzerlərdə daha yaxşı performans üçün əvvəlcə elementləri saf css-selektoru ilə filtirləyin, sonra isə .filter(':button') tətbiq edin.

Sintaksis

Biz düymələri belə seçirik:

javascript$(':button');

Nümunə

Gəlin, yuxarıda göstərilən nəzəriyyəyə uyğun olaraq, bütün düymələri seçək və onlara yaşıl fon və qırmızı çərçivə verək, onlara addClass metodu ilə marked sinifi əlavə edərək:

html<form>
  <input type="button" value="button">
  <input type="file">
  <button>button</button>
  <input type="reset">
  <input type="radio">
  <input type="text">
</form>

css.marked {
  background-color: green;
  border: 2px red solid;
}

javascript$(':button').addClass('marked');

$('form').submit(function(event) {
  event.preventDefault(); // formanın göndərilməsinin qarşısını alır
});

Həmçinin baxın