İkinci jquery dersimizin kodları ve anlatım videosu linki aşağıdadır.
video : https://www.youtube.com/watch?v=iNCf0T05YVA
yazılı anlatım : http://www.merduvan.com/konu.php?id=54
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Css metodunu ve nitelik atama attr ve nitelik silme removeAttr</title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
/* merduvan.com ---- ayanzade.blogspot.com.tr */
//tek css özelliği atama
$("p").css("color","red");
//çoklu css özelliği atama
$("p").css({
"color" : "red",
"font-size" : "20px",
"background-color" : "black"
});
//css özelliğini alma
var degerler = $("div").css("background-color");
var genislik = $("div").css("width");
//değişkeni yazdırma
alert(degerler);
alert(genislik);
//attr metodu ile nitelik atama
$("a").attr("href","http://www.merduvan.com" ;);
//çoklu nitelik atama
$("a").attr({
"href":"http://www.merduvan.com" ;,
"title":"Bu bir likntir"
});
//removeAttr metodu ile nitelik silme
$("a").removeAttr("href");
//niteliği değişkene atama
var link = $("a").attr("href");
alert(link);
});
</script>
<style type="text/css">
div{
background-color: green;
width:100px;
}
</style>
</head>
<body>
<p>Bu yazının rengini css metodu ile değiştireceğiz.</p>
<br/>
<div>Bu divin arkaplan rengi yeşil olsun</div>
<a href="#">Bu yazıya tıklarsan merduvan.com'a gidersin.</a>
</body>
</html>
Hiç yorum yok:
Yorum Gönder