දෘශ්‍යමාන තේරීම්කරු

:visible තේරීම්කරු පිටුවේ ඇති සියලුම දෘශ්‍යමාන අංග තෝරා ගනී. visibility: hidden හෝ opacity: 0 සමඟ ඇති අංග දෘශ්‍යමාන ලෙස සලකනු ලබන්නේ, ඒවා පිරිසැලැස්මේ අවකාශයක් අල්ලාගෙන සිටින නිසාය. අංග දෘශ්‍යමාන ලෙස සලකනු ලබන්නේ, ඒවා ලේඛනය තුළ අවකාශයක් අල්ලාගෙන සිටියහොත්ය. දෘශ්‍යමාන අංගවලට 0 ට වඩා වෙනස් උස සහ පළලක් ඇත. :visible CSS විශේෂාංගයට අයත් නොවන බැවින්, නවීන බ්‍රව්සරවල කාර්ය සාධනය වැඩි දියුණු කිරීම සඳහා පළමුව පිරිසිදු css-තේරීම්කරු භාවිතයෙන් අංග පෙරහන් කර, පසුව .filter(':visible') යෙදීම වඩා හොඳය. වෙනත් ක්‍රම භාවිතයෙන්, උදාහරණයක් ලෙස, පංතියක් භාවිතයෙන්, අංගවල දෘශ්‍යතාව අධීක්ෂණය කිරීමට හැකිය වඩා හොඳ කාර්ය සාධනයක් සපයා දීමට.

වාක්‍ය රචනා ශිල්පය

මෙලෙස අපි දෘශ්‍යමාන අංග තෝරා ගනිමු:

javascript$(':visible');

උදාහරණය

අපි බොත්තම ක්ලික් කිරීමෙන් නොපෙනෙන චතුරස්ර පෙන්වමු. "දෘශ්‍යමාන" චතුරස්ර මත ක්ලික් කළ විට ඒවායේ පසුබිම කහ පැහැයට වෙනස් වේ:

html<button id="show">පෙන්වන්න</button>
<div></div>
<div style="display:none;"></div>
<div></div>
<div></div>
<div style="display:none;"></div>

cssdiv {
  width: 40px;
  height: 40px;
  margin: 5px;
  border: 2px outset green;
  float: left;
}

javascript$('div:visible').click(function() {
  $(this).css('background', 'yellow');
});

$('#show').click(function() {
  $('div:hidden').show('slow');
});

මේවාත් බලන්න