text තෝරන්නා
:text තෝරන්නා
text වර්ගයේ ආදාන ක්ෂේත්ර තෝරා ගනී.
input ටැගය බලන්න.
:text CSS විශේෂිකරණයට අයත් නොවන බැවින්,
වර්තමාන බ්රව්සරවල කාර්යක්ෂමතාව වැඩිදියුණු කිරීම සඳහා
එය වෙනුවට
[type='text'] යෙදීම වඩා හොඳය.
වාක්ය රචනා ක්රමය
මෙලෙස අපි text වර්ගයේ ආදාන ක්ෂේත්ර තෝරා ගනිමු:
$(':text');
අනෙකුුත් සියලුම සුළු-වර්ගීකරණ තෝරන්නන් සමග මෙන්
(':' වලින් ආරම්භ වන), ':' ට කලින්
ටැගයේ නම හෝ වෙනත් තෝරන්නෙකු යොදා ගැනීම වඩා හොඳය,
නැතහොත් '*' තෝරන්නා යොදනු ලබන අතර,
$(':text') ලෙස
$('*:text') ලෙස වැටහෙනු ඇත, එබැවින් ඊට වෙනුවට
$('input:text') භාවිතා කිරීම වඩා හොඳය.
:text තෝරන්නා
type ගුණාංගය නිර්ණය කර නොමැති සියලුම ආදාන ක්ෂේත්ර ද තෝරා ගන්නා බව මතක තබා ගත යුතුය,
පහත උදාහරණයෙන් හැසිරීමේ වෙනස දැක ගත හැකිය:
$('<input>').is('[type=text]'); // false ලෙස ආපසු එවයි
$('<input>').is(':text'); // true ලෙස ආපසු එවයි
උදාහරණය
අපි, text වර්ගයේ සියලුම ආදාන ක්ෂේත්ර තෝරා ගෙන
ඒවාට කොළ පසුබිමක් සහ රතු දාරයක්
css ක්රමය භාවිතයෙන් සාදමු:
<form>
<input type="button" value="button">
<input type="file">
<input type="checkbox">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
$('form input:text').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // පෝරමය යැවීම වළක්වයි
});
