Metode is() dalam jQuery

is()

Adalah sebuah metode jQuery yang digunakan untuk memeriksa apakah objek jQuery  mempunyai kriteria yang sama dengan argument dari metode is().

Syntax:

$(‘selector’).is(‘selector’);

Keterangan:

  • $(‘selector’) adalah objek jQuery yang sedang diuji.
  • .is(‘selector’), Adalah metode yang akan menguji apakah argumen selector dari metode ini ada pada objek jQuery yang sedang diuji.

Contoh Kasus:

Saya mempunyai kode HTML seperti kode berikut ini:

<button id=”tombol”>Tekan</button>
<p>Saya sedang belajar jQuery di a2fahmi.com</p>

Permintaan:

Saya ingin agar pada saat saya menekan tombol maka  isi dari elemen <p> menghilang jika statusnya terlihat dan isi dari elemen <p> terlihat apabila statusnya tidak terlihat.

Pertanyaan:

Bagaimana cara membuat kode jQuerynya … ?

Jawaban:

Kamu bisa gunakan kode berikut ini:

<script type=”text/javascript” src=”jquery.js”></script> 

<script type=”text/javascript”>

$(function(){

$(‘#tombol’).click(function() {

var p=$(‘p’);

if(p.is(“:visible”))

p.hide()

else

p.show()

})

})

</script>

Keterangan:

  • $(function(), Adalah sebuah fungsi yang akan menjalankan kode didalam bloknya setelah page selesai diload.
  • if(p.is(“:visible”)), Kode ini digunakan untuk memeriksa apakah status dari objek “p” terlihat.
  • p.hide(), Kode ini berarti sembunyikan objek “p”.
  • p.show(), Kode ini berarti tampilkan objek “p”.

Hasil:

Jalankan kode HTML diatas menggunakan browermu lalu lihat hasilnya, apakah sudah benar … ?

 

 

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura’.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *