Kichaguzi Visible
Kichaguzi :visible huchagua vitu vyote vinavyoonekana
kwenye ukurasa.
Vitu vilivyo na visibility: hidden au vilivyo na
opacity: 0 huchukuliwa kuwa vinavyoonekana, kwa sababu vinachukua
nafasi kwenye mpangilio.
Vitu huchukuliwa kuwa vinavyoonekana ikiwa vinachukua
nafasi kwenye hati. Vitu vinavyoonekana vina urefu
na upana tofauti na 0.
Kwa kuwa :visible haihusiani na uainishaji wa CSS,
ili kuboresha utendaji katika vivinjari vya kisasa
ni bora kwanza kuchuja vitu kwa
kutumia kichaguzi safi cha css, kisha
utumie .filter(':visible').
Kufuatilia kuonekana kwa vitu kwa kutumia njia zingine,
kwa mfano, kwa kutumia darasa, kunaweza
kutoa utendaji bora zaidi.
Kisarufi
Hivi ndivyo tunavyochagua vitu vinavyoonekana:
$(':visible');
Mfano
Wacha ubonyeze kitufe kuonyesha miraba isiyoonekana. Wakati kubonyeza miraba "inayoonekana" rangi ya asili yao itabadilika kuwa manjano:
<button id="show">onyesha</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');
});