jQuery - İçeriği ve Nitelikleri Al
jQuery, HTML öğelerini ve niteliklerini değiştirmek ve işlemek için güçlü yöntemler içerir.
jQuery DOM Manipülasyonu
JQuery'nin çok önemli bir parçası, DOM'yi manipüle etme olasılığıdır.
jQuery, öğelere ve niteliklere erişmeyi ve bunları değiştirmeyi kolaylaştıran bir dizi DOM ile ilgili yöntemle birlikte gelir.
DOM = Belge Nesne Modeli
DOM, HTML ve XML belgelerine erişim için bir standart tanımlar:
"W3C Belge Nesne Modeli (DOM), programların ve komut dosyalarının içeriğe, yapıya ve içeriğe dinamik olarak erişmesine ve bunları güncellemesine olanak tanıyan bir platform ve dilden bağımsız arabirimdir. bir belgenin stili."
İçerik Al - text(), html() ve val()
DOM manipülasyonu için üç basit ama kullanışlı jQuery yöntemi:
text()
- Seçili öğelerin metin içeriğini ayarlar veya döndürürhtml()
- Seçili öğelerin içeriğini ayarlar veya döndürür (HTML işaretlemesi dahil)val()
- Form alanlarının değerini ayarlar veya döndürür
Aşağıdaki örnek, jQuery text()
ve html()
yöntemlerle nasıl içerik alınacağını gösterir:
Örnek
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
val()
Aşağıdaki örnek, jQuery yöntemiyle bir giriş alanının değerinin nasıl alınacağını gösterir :
Örnek
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
Öznitelikleri Al - attr()
Öznitelik değerlerini elde etmek için jQuery attr()
yöntemi kullanılır.
Aşağıdaki örnek, bir bağlantıdaki href özniteliğinin değerinin nasıl alınacağını gösterir:
Örnek
$("button").click(function(){
alert($("#w3s").attr("href"));
});
Sonraki bölüm, içeriğin ve öznitelik değerlerinin nasıl ayarlanacağını (değiştirileceğini) açıklar.
jQuery Alıştırmaları
jQuery HTML Referansı
Tüm jQuery HTML yöntemlerine tam bir genel bakış için lütfen jQuery HTML/CSS Referansımıza gidin .