text තෝරන්නා

:text තෝරන්නා text වර්ගයේ ආදාන ක්ෂේත්‍ර තෝරා ගනී. input ටැගය බලන්න. :text CSS විශේෂිකරණයට අයත් නොවන බැවින්, වර්තමාන බ්‍රව්සරවල කාර්යක්ෂමතාව වැඩිදියුණු කිරීම සඳහා එය වෙනුවට [type='text'] යෙදීම වඩා හොඳය.

වාක්‍ය රචනා ක්‍රමය

මෙලෙස අපි text වර්ගයේ ආදාන ක්ෂේත්‍ර තෝරා ගනිමු:

javascript$(':text');

අනෙකුුත් සියලුම සුළු-වර්ගීකරණ තෝරන්නන් සමග මෙන් (':' වලින් ආරම්භ වන), ':' ට කලින් ටැගයේ නම හෝ වෙනත් තෝරන්නෙකු යොදා ගැනීම වඩා හොඳය, නැතහොත් '*' තෝරන්නා යොදනු ලබන අතර, $(':text') ලෙස $('*:text') ලෙස වැටහෙනු ඇත, එබැවින් ඊට වෙනුවට $('input:text') භාවිතා කිරීම වඩා හොඳය. :text තෝරන්නා type ගුණාංගය නිර්ණය කර නොමැති සියලුම ආදාන ක්ෂේත්‍ර ද තෝරා ගන්නා බව මතක තබා ගත යුතුය, පහත උදාහරණයෙන් හැසිරීමේ වෙනස දැක ගත හැකිය:

javascript$('<input>').is('[type=text]'); // false ලෙස ආපසු එවයි
$('<input>').is(':text'); // true ලෙස ආපසු එවයි

උදාහරණය

අපි, text වර්ගයේ සියලුම ආදාන ක්ෂේත්‍ර තෝරා ගෙන ඒවාට කොළ පසුබිමක් සහ රතු දාරයක් css ක්‍රමය භාවිතයෙන් සාදමු:

html<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>

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

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

මෙයද බලන්න