Linkedin Instagram Facebook Twitter Mail Youtube Whatsapp

jQuery ile Css Özelliği Atamak

Bilindiği gibi jquery ile yapılamayacak neredeyse fazla bir şey yok. Bu makalede jquery ile belirlenen tag,etiketlere stil atayacağız. Belirlenen p tagı olsun, div olsun ya da bir id ya da class özelliğine sahip herhangi bir elemente istediğimiz özelliği verebiliriz. İster mause üzerine geldiğinde ister mause ayrıldığında istersek de üzerine tıklandığında bir stil ataması yapabilir. Aşağıdaki kod parçacığında ise bir <p> tagına stil ataması yapacağız.

$(document).ready(function(){
$("p").css("color:orange");
});

 

Yukarıda basit anlamda bir p etiketine stil ataması yaparak yazı rengini turuncu yaptık. Şimdi de mause üzerine geldiğinde bir css ataması yapalım ve özelliğini değiştirelim.

$("p").on("mouseover",function(){
$("p").css("color:blue");
});

 

Şimdi ise mause ile üzerine tıklayınca bir özellik verelim. Hepsinde temel mantık aynıdır birkaç metot dışında.

$("p").click(function(){
$("p").css("color:blue");
});

 

Temel jquery kodlarını sayfaya eklemedim ama orasını da siz eklersiniz 🙂 Yukarıda gördüğünüz gibi stil ataması oldukça kolay. Sadece metot değişikliği var ve onlarda click,mauseover ikilisi. Bu yöntem ile jquery sayesinde sayfanızı güzelleştirebilirsiniz.

Bir Yorum Yaz