সাবমিট সিলেক্টর
:submit সিলেক্টরটি
submit টাইপের এলিমেন্ট নির্বাচন করে,
যেগুলো ফর্ম সাবমিট বাটন হিসেবে কাজ করে।
সাধারণত :submit সিলেক্টরটি বাটন
বা ইনপুট এলিমেন্টে প্রয়োগ করা হয়। মনে রাখা গুরুত্বপূর্ণ যে কিছু
ব্রাউজার button এলিমেন্টকে
অন্তর্নিহিতভাবে [type='submit'] হিসেবে বিবেচনা করে, অন্যদিকে
অন্যান্য ব্রাউজার তার বিপরীত। সঠিক কাজকর্ম নিশ্চিত করার জন্য
সর্বদা type প্রপার্টি উল্লেখ করুন।
যেহেতু :submit CSS স্পেসিফিকেশনের অংশ নয়,
তাই আধুনিক ব্রাউজারে উন্নত পারফরম্যান্সের জন্য এর পরিবর্তে
[type='submit'] ব্যবহার করা ভালো।
সিনট্যাক্স
এভাবে আমরা submit টাইপের এলিমেন্ট নির্বাচন করি:
$(':submit');
উদাহরণ
উপরোক্ত তত্ত্ব অনুসারে,
submit টাইপের সকল এলিমেন্ট নির্বাচন করা যাক,
যেগুলো td এলিমেন্টের সন্তান।
এই td গুলোকে সবুজ ব্যাকগ্রাউন্ড
এবং লাল বর্ডার দেওয়া হবে
css মেথড ব্যবহার করে:
<form>
<table border="1" cellpadding="10" align="center">
<tr><th>Element</th></tr>
<tr><td><input type="button" value="button"></td></tr>
<tr><td><input type="file"></td></tr>
<tr><td><input type="password"></td></tr>
<tr><td><button>button</button></td></tr>
<tr><td><input type="reset"></td></tr>
<tr><td><input type="submit"></td></tr>
<tr><td><input type="radio" name="test"></td></tr>
<tr><td><input type="checkbox"></td></tr>
<tr><td><button type="submit">button</button></td></tr>
<tr><td><input type="text"></td></tr>
</table>
</form>
$('td:submit')
.parent('td')
.css({background: 'green', border: '2px red solid'})
.end();
$('form').submit(function(event) {
event.preventDefault(); // ফর্ম সাবমিট হতে বাধা দেয়
});
