hidden selector
:hidden selector යනු පිටුවේ සැඟවුණු
සියලුම අංග තෝරා ගනී.
visibility: hidden හෝ
opacity: 0 සහිත අංග දෘශ්යමාන ලෙස සලකනු ලැබේ, මන්ද ඒවා පිරිසැලසුමේ තැනක් අල්ලා ගනී. අංග නොදකිනසේ තිබීමට හේතු කිහිපයක් තිබිය හැක: css ගුණාංගය
display හි අගය - none, හෝ
type="hidden" ගුණාංගය සහිත අංග,
හෝ ඒවායේ උස හෝ පළල 0 ලෙස සකසා ඇත,
නැතහොත් ඒවායේ මව් අංගය සැඟවී ඇත.
:hidden CSS ප්රමිතියට අයත් නොවන නිසා,
නවීන බ්රවුසරවල කාර්ය සාධනය වැඩි දියුණු කිරීම සඳහා පළමුව සිස්ටම අංග පෙරීම සිදු කර
පසුව .filter(':hidden') යොදන්න.
වෙනත් ක්රම භාවිතයෙන් අංගවල දෘශ්යතාව අධීක්ෂණය කිරීම,
උදාහරණයක් ලෙස, පන්තියක් භාවිතා කිරීම,
වඩා හොඳ කාර්ය සාධනය සපයා දිය හැක.
වාක්ය රචනය
මෙසේ අපි සැඟවුණු අංග තෝරා ගනිමු:
$(':hidden');
උදාහරණය
අපි #test බොත්තම ක්ලික් කිරීමෙන්
නොපෙනෙන චතුරස්ර පෙන්වමු:
<button id="test">පෙන්වන්න</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;
}
$('#test').click(function() {
$('div:hidden').show('slow');
});
