image සෙලක්ටරය

:image සෙලක්ටරය තෝරා ගනී image වර්ගයේ අංග, ඒවා ආකෘති පත්‍රය යැවීම සඳහා රූප ලෙස භාවිතා වේ. $(':image') හි සමානය $('[type=image]') වේ. :image CSS පිරිවිතරයට අයත් නොවන බැවින්, නවීන බ්‍රවුසරවල කාර්ය සාධනය වැඩිදියුණු කිරීම සඳහා එයට වඩා [type='image'] භාවිතා කිරීම වඩා හොඳය.

වාක්‍ය රචනය

මෙම ආකාරයෙන් අපි image වර්ගයේ අංග තෝරා ගනිමු:

$(':image');

උදාහරණය

අපි, image වර්ගයේ සියලුම ආදාන තෝරාගෙන 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="image">
	<input type="text">
</form>

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

$('form').submit(function(event) {
	event.preventDefault(); // ආකෘති පත්‍රය යැවීම වළක්වයි
});

මෙයද බලන්න

filter ක්‍රමය,
එය කට්ටලයක අංග ලබාදුන් සෙලක්ටරය අනුව පෙරීම කරයි
css ක්‍රමය,
එය අංගයේ CSS විලාස ලබාගැනීමට සහ වෙනස් කිරීමට ඉඩ සලසයි
submit සෙලක්ටරය,
එය submit වර්ගයේ අංග තෝරා ගනී, ඒවා ආකෘති පත්‍රය යැවීමේ බොත්තම් වේ