දෘශ්යමාන තේරීම්කරු
:visible තේරීම්කරු පිටුවේ ඇති සියලුම දෘශ්යමාන
අංග තෝරා ගනී.
visibility: hidden හෝ
opacity: 0 සමඟ ඇති අංග දෘශ්යමාන ලෙස සලකනු ලබන්නේ, ඒවා පිරිසැලැස්මේ අවකාශයක් අල්ලාගෙන සිටින නිසාය.
අංග දෘශ්යමාන ලෙස සලකනු ලබන්නේ, ඒවා ලේඛනය තුළ අවකාශයක් අල්ලාගෙන සිටියහොත්ය. දෘශ්යමාන අංගවලට 0 ට වඩා වෙනස් උස සහ පළලක් ඇත.
:visible CSS විශේෂාංගයට අයත් නොවන බැවින්,
නවීන බ්රව්සරවල කාර්ය සාධනය වැඩි දියුණු කිරීම සඳහා
පළමුව පිරිසිදු css-තේරීම්කරු භාවිතයෙන් අංග පෙරහන්
කර, පසුව
.filter(':visible') යෙදීම වඩා හොඳය.
වෙනත් ක්රම භාවිතයෙන්, උදාහරණයක් ලෙස, පංතියක්
භාවිතයෙන්, අංගවල දෘශ්යතාව අධීක්ෂණය කිරීමට
හැකිය
වඩා හොඳ කාර්ය සාධනයක් සපයා දීමට.
වාක්ය රචනා ශිල්පය
මෙලෙස අපි දෘශ්යමාන අංග තෝරා ගනිමු:
$(':visible');
උදාහරණය
අපි බොත්තම ක්ලික් කිරීමෙන් නොපෙනෙන චතුරස්ර පෙන්වමු. "දෘශ්යමාන" චතුරස්ර මත ක්ලික් කළ විට ඒවායේ පසුබිම කහ පැහැයට වෙනස් වේ:
<button id="show">පෙන්වන්න</button>
<div></div>
<div style="display:none;"></div>
<div></div>
<div></div>
<div style="display:none;"></div>
div {
width: 40px;
height: 40px;
margin: 5px;
border: 2px outset green;
float: left;
}
$('div:visible').click(function() {
$(this).css('background', 'yellow');
});
$('#show').click(function() {
$('div:hidden').show('slow');
});
