jQuery ile değer nasıl alınır ve nesneye nasıl eklenir?
jQuery : Bir JavaScript kütüphanesidir. Dünyada en yaygın kullanılan istemci taraflı(Client Side) kütüphanedir.Yukarıdaki soru farklı bir sitede sorulmuştu, cevap içeriğini ben oluşturduğum için buradada paylaşmak istedim. Genellikle sorulan ve ilgilenilen bir başlıktır "jQuery".
PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<html>
<head>
<style>
p { color:red; margin:5px; cursor:pointer; }
p:hover { background:yellow; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>
<a target="_blank" href="
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js">
Yukarıdaki html kodundaki, a tag'i arasındaki img nesnesinin src
özelliğini alıp bir değişkene atayıp, daha sonrada bir nesneye ekleeyceğiz.
Değerin alınması ve değişkene atanması;
PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!
var resim = $("img.thumb",this).attr("src");
Daha sonrada nesneye eklenmesi,
PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!
$(this).append('<img id="resim" src="<a href="
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
style="color: #007700">);
Toparlayacak olursak, javascript fonksiyonumuzun tamamı,
PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!
<script type="text/javascript">
$("a.test").append(function(){
var resim = $("img.thumb",this).attr("src"); alert(resim);
$(this).append('<img id="resim" src="<a href="
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
style="color: #007700">);
});
</script>
Bütün kod;
PHP Kod: Kodu kopyalamak için üzerine çift tıklayın!
<!DOCTYPE html>
<html>
<head>
<style>
p { color:red; margin:5px; cursor:pointer; }
p:hover { background:yellow; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>
<a target="_blank" href="
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js">
Soru bana ait değildir ama cevap tamamı ile bana aittir
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
Kolay gelsin.
Konu YazılımMimarı tarafından (06 Temmuz 2012 Saat 10:17 ) değiştirilmiştir.