Селектор 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(); // форманы жөнөтүүнүн алдын алат
});

Ошондой эле караңыз