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.

jQuery Bilgi Almak

JAVASCRIPT Kodu

JAVASCRIPT Kodu

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

JAVASCRIPT Kodu

jQuery Nedir?

jQuery Efektleri

jQuery HTML

jQuery Nesneler

jQuery AJAX