পাসওয়ার্ড সিলেক্টর
সিলেক্টর :password পাসওয়ার্ড টাইপ সহ উপাদানগুলি নির্বাচন করে।
দেখুন
পাসওয়ার্ড ইনপুট ফিল্ড।
$(':password') এর সমতুল্য হল
$('[type=password]')।
যেহেতু :password CSS স্পেসিফিকেশনের অংশ নয়,
আধুনিক ব্রাউজারে更好的 পারফরম্যান্সের জন্য এর পরিবর্তে
[type='password'] ব্যবহার করা ভাল।
সিনট্যাক্স
এভাবে আমরা password টাইপের ফিল্ডগুলি নির্বাচন করি:
$(':password');
অন্যান্য সিউডো-ক্লাস সিলেক্টরের মতো
(যেগুলো ':' দিয়ে শুরু), ':' এর আগে
ট্যাগের নাম বা অন্য কোন সিলেক্টর রাখা ভাল,
না হলে '*' সিলেক্টর প্রয়োগ করা হবে,
অর্থাৎ $(':password') কে এমনভাবে বোঝা হবে
$('*:password'), তাই এর পরিবর্তে
$('input:password') ব্যবহার করা ভাল।
উদাহরণ
আসুন, সব password টাইপের ইনপুট নির্বাচন করি এবং
css মেথড ব্যবহার করে
সেগুলির জন্য সবুজ ব্যাকগ্রাউন্ড এবং লাল বর্ডার তৈরি করি:
<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="text">
</form>
<+javascript+>
$('form input:password').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // ফর্ম জমা দেওয়া প্রতিরোধ করে
});
<-javascript->