Set İçerik - text(), html() ve val()
Biz önceki sayfadan aynı üç yöntemlerini kullanır set content :
- 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 ayarlama gösterilmiştir text(), html() ve val() yöntemleri:
Örnek
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
Kendin dene " A geri arama işlevi text(), html() ve val()
Yukarıdaki üç jQuery yöntemlerin tümü: text(), html() ve val() , aynı zamanda bir geri arama fonksiyonu ile donatılmıştır. Geriçağırıcı iki parametresi vardır: Seçilen elemanların ve orijinal listesinde cari elemanın indeksi (old) değeri. Daha sonra işlevinden yeni değeri olarak kullanmak istediğiniz dize döndürür.
Aşağıdaki örnek text() ve html() bir geri arama fonksiyonu ile:
Örnek
$("#btn1").click(function(){
$("#test1").text(function(i, origText){
return "Old text: " + origText + " New text: Hello world!
(index: " + i + ")";
});
});
$("#btn2").click(function(){
$("#test2").html(function(i, origText){
return "Old html: " + origText + " New html: Hello
<b>world!</b>
(index: " + i + ")";
});
});
Kendin dene " Set Nitelikler - attr()
JQuery attr() yöntemi de nitelik değerleri / değiştirmek ayarlamak için kullanılır.
Aşağıdaki örnek değiştirmek gösterilmiştir (set) değerini href Bir bağlantıda özniteliği:
Örnek
$("button").click(function(){
$("#w3s").attr("href", "http://www.w3ii.com/jquery");
});
Kendin dene " attr() metodu da aynı anda birden çok özellik ayarlamanızı sağlar.
Aşağıdaki örnekte her iki ayarlama gösterilmiştir href aynı anda niteliklerini ve başlığı:
Örnek
$("button").click(function(){
$("#w3s").attr({
"href" : "http://www.w3ii.com/jquery",
"title" : "w3ii jQuery Tutorial"
});
});
Kendin dene " A geri arama işlevi attr()
JQuery yöntemi attr() , aynı zamanda bir geri arama işlevi bulunmaktadır. Geriçağırıcı iki parametresi vardır: Seçilen elemanların listesi ve orijinal güncel elemanın indeksi (old) değer atamak. Ardından olarak kullanmak istediğiniz dize döndürür new işlevinden özellik değeri.
Aşağıdaki örnek attr() bir geri arama fonksiyonu ile:
Örnek
$("button").click(function(){
$("#w3s").attr("href", function(i, origValue){
return origValue + "/jquery";
});
});
Kendin dene " Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 »
jQuery HTML Referansı
Tüm jQuery HTML yöntemlerin tamamını görmek için lütfen gidin lütfen jQuery HTML / CSS Referansı .