image সিলেক্টর

:image সিলেক্টরটি image টাইপের সেইসব এলিমেন্ট নির্বাচন করে যেগুলো ফর্ম জমা দেওয়ার জন্য ইমেজ হিসেবে ব্যবহৃত হয়। $(':image')-এর সমতুল্য হলো $('[type=image]')। যেহেতু :image CSS স্পেসিফিকেশনের অংশ নয়, তাই আধুনিক ব্রাউজারে更好的 পারফরম্যান্সের জন্য [type='image'] ব্যবহার করা ভালো।

সিনট্যাক্স

image টাইপের এলিমেন্টগুলো এভাবে নির্বাচন করুন:

javascript$(':image');

উদাহরণ

আসুন, image টাইপের সবগুলি ইনপুট নির্বাচন করি এবং css মেথড ব্যবহার করে সেগুলোর ব্যাকগ্রাউন্ড সবুজ করে এবং সীমানা লাল করি:

html<form>
  <input type="button" value="button">
  <input type="file">
  <input type="password">
  <button>button</button>
  <input type="reset">
  <input type="radio" name="test">
  <input type="radio" name="test">
  <input type="checkbox">
  <input type="image">
  <input type="text">
</form>

javascript$('input:image').css({background: 'green', border: '2px red solid'});

$('form').submit(function(event) {
  event.preventDefault(); // ফর্ম জমা দেওয়া প্রতিরোধ করে
});

আরও দেখুন