image სელექტორი

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

სინტაქსი

ასე ვირჩევთ image ტიპის ელემენტებს:

javascript$(':image');

მაგალითი

მოდით, ავირჩიოთ ყველა ინპუტი image ტიპით და მეთოდის css დახმარებით მივანიჭოთ მწვანე ფონი და წითელი ჩარჩო:

html<form>
  <input type="button" value="button">
  <input type="file">
  <input type="password">
  <button>button</button>
  <input type="reset">
  <input type="radio" name="test">
  <input type="radio" name="test">
  <input type="checkbox">
  <input type="image">
  <input type="text">
</form>

javascript$('input:image').css({background: 'green', border: '2px red solid'});

$('form').submit(function(event) {
  event.preventDefault(); // ხელს უშლის ფორმის გაგზავნას
});

ასევე იხილეთ