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:

javascript$(':visible');

Mfano

Wacha ubonyeze kitufe kuonyesha miraba isiyoonekana. Wakati kubonyeza miraba "inayoonekana" rangi ya asili yao itabadilika kuwa manjano:

html<button id="show">onyesha</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');
});

Angalia pia