სელექტორი button

სელექტორი :button ირჩევს ღილაკების ელემენტებს და ყველა ელემენტს button ტიპით. იხილეთ ტეგები button, input ტიპით button. $(':button')-ის ეკვივალენტია $('button'), $("input[type='button']"). რადგან :button არ ეკუთვნის CSS სპეციფიკაციას, თანამედროვე ბრაუზერებში პროდუქტიულობის გასაუმჯობესებლად უკეთესია თავიდან ელემენტების ფილტრაცია სუფთა css-სელექტორის გამოყენებით, შემდეგ კი გამოვიყენოთ .filter(':button').

სინტაქსი

ასე ვირჩევთ ღილაკებს:

javascript$(':button');

მაგალითი

მოდით, ზემოთ მოყვანილი თეორიის შესაბამისად, ავირჩიოთ ყველა ღილაკი და მივანიჭოთ მწვანე ფონი და წითელი საზღვარი, დავამატოთ მათ კლასი marked მეთოდის addClass გამოყენებით:

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(); // ხელს უშლის ფორმის გაგზავნას
});

იხილეთ აგრეთვე