jQuery ile Üzerine Tıklanan Nesneyi Gizleme
Jquery Nedir?
Jquery, HTML dokümanların yönetiminde, animasyonların oluşturulmasında, etkileşimli Web sayfaların hazırlanmasında kullanılan daha az kod ile daha efektif, hızlı ve daha çok işlerin yapılmasını Web etkileşimi sağlayan JavaScript kütüphanesidir. Jquery kısaca bir JavaScript Framework’üdür.
Merhaba arkadaşlar bugün sizlere jquery ile birlikte üzerine tıklanan objeyi görünmez yapmayı göstereceğim.
<html>
<head>
<title>Jquery Örneği</title>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js”></script>
<script>
$(document).ready(
function(){
$(“p”).click(
function(){
$(this).hide();
});
});</script>
</head>
<body>
<h1>BAŞLIK</h1>
<p>Paragraf 1 </p>
</body>
</html>
Kodumuz yukarıdaki gibidir.Yukarıdaki kodda p parametresi nin click olayında hide() komutu ile nesnemizi gizliyoruz.
p parametresinin click(tıklama) olayının içinde this.hide() komutu ile bu nesneyi gizle diyoruz ingilizce olarak aslında.
Demoda ki paragraf1 kelimesine tıklayarak gizleyebilirsiniz.
Demo:
Bir önceki yazımız olan AESerdar.Com Itiraf ve Dedikodu Scripti başlıklı makalemizde dedikodu script, dedikodu scripti ve itiraf hakkında bilgiler verilmektedir.