jQuery Dersleri
jQuery Nedir?
jQuery Nedir?
jQuery Kurulumu
jQuery Kod Yapısı
jQuery ready Fonksiyonu
jQuery Nesne Seçimi
jQuery Fonksiyonlar

jQuery Efektleri
jQuery Gizle ve Göster
jQuery Kaydırma
jQuery Animasyonlar
jQuery callback
jQuery Toplu İşlemler

jQuery HTML
jQuery Bilgi Almak
jQuery Bilgi Değiştirme
jQuery Bilgi Ekleme
jQuery Veri Silme
jQuery'de CSS İşlemleri

jQuery Nesneler
jQuery Nesne Bulma/Seçme
jQuery Nesne Boyutları

jQuery AJAX
jQuery AJAX

Bağlantılar
HTML Dersleri
JavaScript Dersleri
CSS Dersleri
ASP Dersleri
PHP Dersleri
MySQL Komutları
jQuery Dersleri
Venus Programlama

Ana Sayfa Bize Ulaşın

jQuery Bilgi Almak



Veri elde etmeye yarayan üç adet basit ancak işinizi çok kolaylaştıracak jQuery yöntemi mevcuttur.

text() - Belirtilen elementte yer alan içeriği verir.
html() - Belirtilen elementte yer alan içeriği verir (HTML kodları dahil).
val() - Form alanlarındaki nesnelerde yer alan değerleri verir.

Aşağıdaki örnek text() ve html() yöntemleri ile nasıl içeriğin elde edildiğini gösterir:

ÖRNEK: İki adet buton oluşturun ve isimlerini "btn1" ve "btn2" olarak verin. Bir de DIV elementi oluşturup ID değerini "veri" yapın. Sonra bir SCRIPT tagı içerisine aşağıdaki kodu yerleştirin:

JavaScript Kodu
<div id="veri">Bu bir <b>jQuery</b> örneğidir.</div>
<input type="button" id="btn1" value="text()" /> 
<input type="button" id="btn2" value="text()" />
<script>

$(document).ready(function(){
  $("#btn1").click(function(){
    alert("Yazı: " + $("#veri").text());
  });
  $("#btn2").click(function(){
    alert("HTML: " + $("#veri").html());
  });
});
<script>

Bu bir jQuery örneğidir.


Yukarıdaki örnekte 1. Butona basıldığında sadece yazı görünecek, ancak 2. Butona basıldığında Yazıyla birlikte HTML kodları da görünecektir.

ÖRNEK: val() yöntemi ile form değerlerini elde edebilirsiniz. İki adet INPUT oluşturun. Bu inputlardan biri TEXT diğeri BUTTON türünde olmalı. TEXT türünde olanın id özelliğini "txt" yapın, BUTTON türünde olanın özelliğini "btn" yapın. Ardından bir SCRIPT tagı açarak aşağıdaki kodu yazın:

JavaScript Kodu
<input type="text" id="txt2" value="Selam!" /><br/>
<input type="button" id="btn2" value="Tıkla!" />
<script>

$(document).ready(function(){
  $("#btn2").click(function(){
    alert("Value: " + $("#txt2").val());
  });
});
</script>




Kod çalıştırıldığında butona bastığınızda id="txt" olan form nesnesinin değerini göreceksiniz.

Bir HTML Elementinin Özelliğini Elde Etmek (Attribute):

Bir HTML kodu düşünün, örneğin <A HREF="http://www.google.com.tr/">.

Burada HREF="" ile belirtilen bir element özelliğidir. Bunu elde etmek için jQuery'de attr() fonksiyonunu kullanabiliriz.

ÖRNEK:

JavaScript Kodu
<a href="http://www.google.com.tr/" id="link">Google.COM.TR</a><br/>
<button>Adres</button>
<script>

$(document).ready(function(){
  $("button").click(function(){
    alert($("#link").attr("href"));
  });
});
</script>

Google.COM.TR



Kod çalıştırıldığında ve butona basıldığında, HREF niteliği uyarı olarak gelecektir.

Tüm hakları saklıdır. Lütfen kaynak belirtmeden sitenizde yayınlamayın. Web Sitesi © 2014