JQuery ile HTML İçerik Değiştirme


JQuery ile HTML içeriğini değiştirmek , başına , sonuna, al ve üst satırlarına ekleme yapabilmek mümkün:

Bu özellikler:

$(“.s1″).html(” Yeni yazı. “);
//s1 classına ait tüm nesnelerin içeriklerini “Yeni yazı.” yapar.

$(“.s1”).append(“Sonuna Ekle. “);
//s1 classına ait tüm nesnelerin sonuna ekler.

$(“.s1”).prepend(“Başına Ekle. “);
//s1 classına ait tüm nesnelerin başına ekler.

$(“.s1”).before(“Üst Satıra Ekle. “);
//s1 classına ait tüm nesnelerin üst satırına ekler.

$(“.s1”).after(“Alt Satıra Ekle. “);
//s1 classına ait tüm nesnelerin alt satırına ekler.


<html>
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>

$(document).ready(function () {

$("#menu").mouseover(function () {
$("#menu").html("İçerik Değişti. Şimdi Üzerime Bolca Tıkla..");
});

$("#menu").click(function () {
$("#menu").after("Ekledin.");
});

});

</script>

</head>

<body>
<div id="menu" class="s1">Üzerine gel</div>
</body>

</html>
Reklamlar

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s