Günlük Arşiv: Ekim 28, 2015

Seçilen nesne üzerinde belitilen stil varsa kaldırır yoksa ekler. Bir nevi anahtar gibi çalışır. <style> .kare{ width:60px; height: 60px; background-color:black; } .renk { color:white; } </style> <div id=”divKare” class=”kare renk”></div> <button id=”toggleClass”>toggleClass</button> $(“#toggleClass”).click(function ()...

Seçilenen nesnedeki var olan stili kaldırır. <style> .kare{ width:60px; height: 60px; background-color:black; } .renk { color:white; } </style> <div id=”divKare” class=”kare renk”></div> <button id=”removeClass”>removeClass</button> $(“#removeClass”).click(function () { $(‘#divKare’).removeClass(‘kare renk’); });  

Daha önceden hazırladığımız stilin seçili olan nesneye atayabilmesini sağlar. <style> .kare{ width:60px; height: 60px; background-color:black; } .renk { color:white; } </style> <div id=”divKare”></div> <button id=”addClass”>addClass</button> $(“#addClass”).click(function () { $(‘#divKare’).addClass(‘kare renk’); });  

Seçili nesnenin stil(style) özellikleri öğrenilir ve değiştirilir. <button>p elementinin rengini değiştir </button> <p>Deneme text</p> <p>Deneme deneme deneme</p> $(“button”).click(function(){ $(“p”).css(“color”, “red”); });