Yazar Ol Yazar Girişi
Yazar Girişi
E-Posta Adresi
Şifre
Şifremi Unuttum
Asp.Net .Net MVC PHP & MySQL C# PhotoShop CSS jQuery AlgoritmA MsSQL Server HTML Ruby
- Kategoriler -
Türkçe
English
German
Tüm Kategoriler
jQuery ile Nesne Seçimi

Merhaba Arkadaşlar,

jQuery elementler ve taglar üzerinde işlem yapan bir javascript kod kütüphanesidir. O halde elementleri seçmek de işin bir parçası. Elementleri jQuery'de ifade ederken $("nesne") şeklinde ifade ediyoruz.

$("this") kod hangi elementte kullanıldıysa o element.
$("*") tüm elementler
$("p") <p> tagı
$("div") <div> tagı
 

Özel tag tanımlamaları için,

$("div.yazi") class="yazi" olan <div> tagları
$("p:first") sayfamızdaki ilk <p> tagı
$("#txt") sayfamızdaki id="txt" özelliğine sahip nesne
$("a[target='_blank']") target="_blank" özelliğine sahip <a> link tagları

Anlayacağınız gibi sayfa içerisindeki nesneleri elementleri veya tagları birden fazla belirtme yolu mevcut>

Şimdi bir örnekle anlayalım...

öncelikle jquery kütüphanemizi sayfaya ekleyelim..

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

daha sonra sayfamızda hangi öğeler bulunacak onu belirleyelim.

 <input type="submit" name="button" id="button" value="Gizle" />
 
<p>Merhaba Bildiklerimiz.Net</p>

yukarıda ki kodda bir buton ekledik id="button" olan ve <p> </p> etiketleri kullanarak arasındaki yazıyı gizlemesini sağlayacağız.

<script type="text/javascript">
$(document).ready(function(){
   $("#button").click(function(){
     $("p").hide();
   });
});
</script>

yukayıdaki kodda butona tıklandığında sayfada bulunan p etiketine sahip tagların gizlenmesini sağladık. 

sonraki dersimizde gizle göster ve diğer en çok kullanılan özelliklerinden bahsedeceğim. 

bir sonraki yazımızda görüşmek dileğiyle...

Sosyal Hesabında Paylaş

2344 görüntüleme

Yorumlar
Adınız Soyadınız
Mail Adresiniz
Doğrulama Kodu

Bildiklerimiz.Net Bildiklerimizi paylaşıyoruz, bilmediklerimizi öğreniyoruz. biz bunları yapıyoruz ya siz...

© 2021 Bildiklerimiz Tüm hakları saklıdır.
bir Bildiklerimiz.Net projesidir.