বাটন সিলেক্টর
সিলেক্টর :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(); // ফর্ম জমা দেওয়া প্রতিরোধ করে
});