জেকুয়েরি :enabled সিলেক্টর
সংজ্ঞা এবং ব্যবহার
:enabled সিলেক্টরের মাধ্যমে সকল সক্ষম (enabled) ফরম এলিমেন্ট সিলেক্ট করা হয়। মূলত যেসকল ফরম এলেমেন্টে disabled এট্রিবিউট ব্যবহার করা হয়েছে, সেগুলো ব্যতীত সবগুলোই enabled(সক্ষম) এলিমেন্ট।
সিনট্যাক্স
$(":enabled"):enabled সিলেক্টর সংক্রান্ত উদাহরণ
সকল enabled(সক্ষম) ফরম এলিমেন্ট সিলেক্ট
নিচের উদাহরণে :enabled সিলেক্টরের ব্যবহার দেখানো হলোঃ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরি :enabled সিলেক্টর</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(":enabled").css({
"background-color": "yellow",
"border": "4px solid red",
});
});
</script>
</head>
<body>
<form>
username/email: <input type="text"><br>
name: <input type="text"><br>
password: <input type="password"><br>
Picture: <input type="file" disabled><br>
<button type="submit">Sign Up</button>
</form>
</body>
</html>
type="file" যুক্ত ইনপুট এলিমেন্টটিতে disabled এট্রিবিউট ব্যবহার করায় এটি সিলেক্ট হয়নি।
ফলাফল