බොත්තම් තෝරන්න
තෝරන්න :button අංග-බොත්තම් සහ
වර්ගය button සහිත සියලුම අංග තෝරා ගනී. බලන්න
ටැග් button,
input
වර්ගය සමග button.
$(':button') හි සමානය
$('button'), $("input[type='button']").
:button CSS පිරිවිතරයට අයත් නොවන බැවින්,
නවීන බ්රවුසරවල කාර්ය සාධනය වැඩි දියුණු කිරීම සඳහා
පළමුව CSS-තෝරන්නක් භාවිතයෙන් අංග පෙරහන ගැනීම
සහ පසුව
.filter(':button') යෙදීම වඩා හොඳය.
වාක්ය රචනය
මේ ආකාරයට අපි බොත්තම් තෝරා ගනිමු:
$(':button');
උදාහරණය
ඉහත දක්වා ඇති න්යාය අනුව,
සියලුම බොත්තම් තෝරා ගෙන ඒවාට කොළ පසුබිම් වර්ණයක් සහ
රතු සීමාවක් සාදමු, ඒවාට marked පංතිය එකතු කරමින්
මෙම ක්රමය භාවිතා කර
addClass:
<form>
<input type="button" value="button">
<input type="file">
<button>button</button>
<input type="reset">
<input type="radio">
<input type="text">
</form>
.marked {
background-color: green;
border: 2px red solid;
}
$(':button').addClass('marked');
$('form').submit(function(event) {
event.preventDefault(); // පෝරමය යැවීම වළක්වයි
});
