Kurs Önerisi:

jQuery İçerik ve Özellik Al

jQuery, HTML elementlerini ve özelliklerini işlemek için güçlü yöntemlere sahiptir.

jQuery DOM İşlemleri

jQuery'nin çok önemli bir parçası, DOM'u işlemek olan yeteneğidir.

jQuery, elementlere ve özelliklere erişim ve işlem yapmak için bir dizi DOM ile ilgili yöntem sunar, bu da bu işlemleri kolaylaştırır.İpucu:

DOM = Document Object Model (Belge Nesne Modeli)

“W3C Belge Nesne Modeli, platforma ve dil bağımsız bir arayüz sunar ve programların ve betiklerin belge içeriğini, yapısını ve tarzını dinamik olarak erişim ve güncelleme yeteneğine sahiptir.”

İçeriği Al - text(), html() ve val()

DOM operasyonları için üç basit ve pratik jQuery yöntemi:

  • text() - Seçilen elementin metin içeriğini ayarlamak veya dönmek için
  • html() - Seçilen elementin içeriğini (HTML işaretlerini dahil) ayarlamak veya dönmek için
  • val() - Form alanlarının değerini ayarlamak veya dönmek için

Aşağıdaki örnek, jQuery text() ve html() yöntemleri ile içeriği nasıl elde edeceğinizi gösterir:

Örnek

$("#btn1").click(function(){
  alert("Metin: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

Deneyin

Aşağıdaki örnek, jQuery val() yöntemi ile girdi alanının değerini nasıl elde edeceğinizi gösterir:

Örnek

$("#btn1").click(function(){
  alert("Değer: " + $("#test").val());
});

Deneyin

Özellik Al - attr()

jQuery attr() yöntemi, özellik değerlerini elde etmek için kullanılır.

Aşağıdaki örnek, bağlantıdaki href özelliğinin değerini nasıl elde edeceğinizi gösterir:

Örnek

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

Deneyin

Bir sonraki bölümde, içeriği ve özellik değerlerini nasıl ayarlayacağınız (değiştireceğiniz) öğreneceksiniz.

jQuery HTML Referans Kılavuzu

jQuery HTML yöntemlerinin tam içeriği hakkında bilgi almak istiyorsanız, aşağıdaki referans el kitabını ziyaret edin: