බොත්තම් තෝරන්න

තෝරන්න :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(); // පෝරමය යැවීම වළක්වයි
});

මෙයද බලන්න