jQuery değişen ve HTML öğelerini ve özelliklerini işlemek için güçlü yöntemler içerir.
jQuery DOM Manipülasyonu
jQuery biri çok önemli bir parçası DOM işlemek için olasılık.
jQuery kolay erişim ve öğeleri ve nitelikleri işlemek için yapmak DOM ilgili yöntemlerin bir grup ile birlikte gelir.
DOM = Document Object Model
DOM HTML ve XML belgeleri erişmek için bir standart tanımlar:
"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
İçerik al - text(), html() ve val()
DOM manipülasyonu için üç basit ama kullanışlı, jQuery yöntemler şunlardır:
- text() - takımları veya seçilen elemanları metin içeriği
- html() - ayarlar veya (HTML işaretleri de dahil olmak üzere), seçilen elemanların içeriği döndürür
- val() - ayarlar veya form alanlarının değerini verir
Aşağıdaki örnek jQuery ile içerik almak için nasıl kullanılacağını gösterir text() ve html() yöntemleri:
Örnek
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
Kendin dene " Aşağıdaki örnek, jQuery bir giriş alanı değeri elde etmek için gösterilmiştir val() yöntemi:
Öznitelikler'i al - attr()
JQuery attr() metodu özellik değerleri elde etmek için kullanılır.
Aşağıdaki örnek değerini almak için nasıl kullanılacağını gösterir href Bir bağlantıda özniteliği:
Bir sonraki bölümde nasıl ayarlanacağını açıklar (change) içerik ve nitelik değerlerini.
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Alıştırma 4»
jQuery HTML Referansı
Tüm jQuery HTML yöntemlerin tamamını görmek için lütfen gidin lütfen jQuery HTML / CSS Referansı .