• Değerli kullanıcılarımız, eğer forumda açılmasını istediğiniz kategoriler varsa lütfen Görüş ve Önerileriniz kısmına bunu konu açarak belirtin.

Html Elemanlarının Parametre Değerlerini Editleme

EmirhanBvk

Hile Bizim İşimiz :)
ONAYLI UYE
STANDART UYE
Katılım
15 Ara 2019
Mesajlar
11
Beğeniler
1
Puanları
3
JQuery ile sayfa içerisinde bulunan html etiketlerinin niteliklerine ulaşabilir ve editleyebiliriz. Örnek vermek gerekirse a elemanının href parametresi, body elemanının bgcolor parametresi gibi...

Herhangi bir etiketin parametre değerini elde etmek istiyorsak aşağıdaki gibi uygulama sağlamalıyız.
Kod:
$("seçici ").attr("parametre adı");
Herhangi bir etiketin parametre değerini değiştirmek istiyorsak aşağıdaki gibi uygulama sağlamalıyız.
Kod:
$("seçici ").attr("parametre", “yeni değer”);
Örnek vermek gerekirse, herhangi bir tablonun genişlik ölçüsünü elde edebilmek için aşağıdaki gibi uygulama sağlamalıyız.
Kod:
$("#button1").click(function(){

                var genislik=($("#tablom").attr("width");

});
Örnek vermek gerekirse, herhangi bir tablonun genişlik ölçüsünü değiştirmek için aşağıdaki gibi uygulama sağlamalıyız.
Kod:
$("#button1").click(function(){

                $("#tablom").attr("width",500);

});
JQuery ile Sayfa İçerisine Html Etiketi ve İçerik Ekleme

JQuery ile web sayfası içerisine yeni html etiketleri ve içerik ekleyebiliriz. Bu gaye ile kullanabileceğimiz 4 metottan behsetmek gerekirse:

prepend() – Belirtilmekte olan html etkiketlerinin başlangıç bölümüne içerik ekleyebilmemizi sağlar.
append() – Belirtilmekte olan html etkiketlerinin son bölümüne içerik ekleyebilmemizi sağlar.
before() - Belirtilmekte olan html etkiketlerinden önce içerik ekleyebilmemizi sağlar.
after() - Belirtilmekte olan html etkiketlerinden sonra içerik ekleyebilmemizi sağlar.

Aşağıdaki örnek içerisinde sayfanın en baş kısmına yeni bir paragraf ekledik.

Kod:
$("body").prepend("<p><b>Paragraf eklendi.</b></p>");
Aşağıdaki örnek içerisinde sayfanın son kısmına prepend yerine append metodu ile ekledik.
Kod:
$("body").append("<p><b>Paragraf eklendi.</b></p>");
Aşağıdaki örnek içerisinde sıralı listenin son kısmına yeni satır ekledik.
Kod:
$("#listem").append("<li><b>Satır eklendi.</b></li>");
Bir div etiketinden önce paragtaf ekledik:
https://forum.******.com/proxy.php?image=https%3A%2F%2Fwww.imagevisit.com%2Fimages%2F2019%2F11%2F03%2FScreenshot_7.md.png&hash=bec078c85a4acb7226225d2a2b3e4e28

ALINTIDIR...
 

Şu an konuyu görüntüleyenler (Üye: 0, Misafir: 1)

Üst