Mybb Hakkında Soru ve Sorunlarız, Yardım ve Destek için MybbDepo external Adresini Ziyaret Ediniz.
Sponsor Reklam

duyuru Güncel Duyurular!
Güncel MyBB Dökümanları.. Güncel + Orijinal MyBB Sürümleri..
bilgi mybb

Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy
[Bilgi] jQuery ve DOM İşlemleri - Değiştirme
#1
Bir elemanın tamamını veya sadece içeriğini değiştirmek için kullanabileceğimiz jQuery fonksiyonları html(), text(), replaceWith() ve replaceAll() isimli fonksiyonlar. html() ve text() fonksiyonları bir elemanın "içeriğini" değiştirirken, replaceWith() ve replaceAll() fonksiyonları ise bir elemanın "tamamını" değiştirir.

html(): Bu fonksiyon ile bir elemanın içeriğini HTML etiketleriyle birlikte alabilirsiniz ve değiştirebilirsiniz. innerHTML özelliğine benzer. Kullanımı ise şöyledir :

Kod:
// içerik al
$('p#metin').html();

// içerik değiştir
$('p#metin').html('yeni içerik');

text(): Bu fonksiyon sayesinde bir elemanın sahip olduğu içeriği “düz metin” olarak alabiliyoruz veya değiştirebiliyoruz. innerText özelliğine benzer.

Kullanımı ise şöyledir :

Kod:
// içerik al
$('p#metin').text();

// içerik değiştir
$('p#metin').text('yeni içerik');

replaceWith(): Bu fonksiyon sayesinde bir elemanın kendisini başka bir eleman ile değiştirebiliriz. Örneğin bir butonu bir resim ile değiştirmek istiyorsanız bu fonksiyonu kullanmalısınız. İlk önce değiştirilecek elemanı belirtip, daha sonra da yeni elemanı belirtiyoruz. Kullanımı şöyledir :

Kod:
// butonu resim ile değiştir
$('button').replaceWith('<img src="resim.jpg" />');

replaceAll(): Bu fonksiyon biraz önce bahsettiğimiz replaceWith() fonksiyonuyla aynı işlemi yapmasına karşın ters şekilde çalışıyor. İlkönce yeni elemanı belirtip daha sonra değiştirilecek olan elemanı belirtiyoruz. Kullanımı şöyledir :

Kod:
// bütün butonları resim ile değiştir

$('<img src="resim.jpg" />').replaceAll('button');
Never forget me ,But when you forget me ,forget me forever!
The Owner


Ara
Cevapla

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Araç-Modifikasyon Jquery zaman ayarlı Yükleniyor - Loading yapımı + Text Reklam + Duyuru xpserkan 1 9,717 08.10.2012, Saat: 14:44
Son Yorum: xpserkan



Konuyu Okuyanlar: 1 Ziyaretçi
© 2009-2018 MyBB.Com.TR Internet Hizmetleri, MyBBGrup.Com Alt Kuruluşudur.

Web sitemiz dahilindeki tüm sayfalar, bu sayfaları gösteren tüm ekranlar ve içerdiği her türlü bilgi ve bağlı materyal, yerleşim ve öğeler, (çözüm ortaklarının logoları ve yasal hakları hariç) MyBB.Com.TR'ye aittir.
Yazılı izin olmaksızın ve kaynak belirtilmedikçe, (Kaynak göstererek alıntı yapılabilir.) kopyalanamaz ya da yayınlanamaz. MyBB.Com.TR sitesindeki içerik-ler 5070 sayılı kanun kapsamında dijital zaman damgasıyla ve DMCA tarafından korunmaktadır.
Tüm hakları, (insafiyet ile) saklıdır.
teknoloji forumu , haber