Staj Bilgileri: DVD yakma ve JQERY

JQERY METOTLARI:

attr(): Bu metot sayesinde seçtiğimiz nesnesin özniteliklerine ulaşabiliriz.

addClass(): Seçilen nesneye daha önceden tanımlı bir Class atar.

removeClass(): Seçtiğimiz nesne içindeki belirlediğimiz class'ı siler.

css(): Seçtiğimiz nesnenin css özelliklerinin değiştirmemize yarar.

hasClass():Seçtiğimiz nesnenin içinde belirlediğimiz class'ın olup olmadığına bakar.Sonuç olarak true yada false döner.

remove(): Seçilen nesneyi tamamen sayfadan kaldırır.

val(): Seçtiğimiz şeyin değerini verir.

prepend(): Belirtilen bir nesne üzerinin başına html tagı veye metin eklemeye yarar.

append(): Belirtilen bir nesne üzerinin sonuna html tagı veya metin eklemeye yarar.

JQERY KODLARI:

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<style>
.renk
{
font-size:200%;
color:red;
}
</style>
<p>Merhaba Dünya</p>
<button id="attr" >attr</button>
<button id="addclass">addclass</button>
<button id="removeclass">removeclass</button>
<button id="css">css</button>
<button id="append">append</button>
<button id="remove">remove</button>
<button id="prepend">prepend</button>
<button id="html">html</button>
<button id="hasclass">hasclass</button>
<button id="val">val</button>
<p>isim: <input type="text" name="user"></p>

<ul id="sirala">
<li><a href="#" >ANASAYFA</a></li>
<li><a href="#" >HAKKIMDA</a></li>
<li><a href="#" >ILETISIM</a></li>
<li><a href="#" >URUNLER</a></li>
<li><a href="#" >HABERLER</a></li>
</ul>
  <script>

$('#attr').click(function(){
$('.resim').attr("width","100");
     });
$( "p" ).addClass( "sinif" );
$( "p" ).removeClass( "sirala" ).addClass( "yeni sinif" );
$("#css").click(function(){
    $("p").css("color","red");
   });
    $("#remove").click(function(){
    $("#sirala").remove();
});
$("#append").click(function(){
    $("p").append(" <b>bugün günlerden pazaretesi</b>.");
});
   $("#prepend").click(function(){
    $("p").prepend("<b>pazartesi sendromu</b>. ");
});
$("#html").click(function(){
    $("p").html("esin <b>atilay!</b>");
});
   $("#hasclass").click(function(){
    alert($("p").hasClass("intro"));
});
$("#addclass").click(function(){
    $("p:first").addClass("renk");
});
   $("#removeclass").click(function(){
    $("p").removeClass("renk");
});
$("#val").click(function(){
    $("input:text").val("Esin ATILAY");
});

</script>

EKRAN ÇIKTISI: