jQuery css() Yöntemi

❮ jQuery HTML/CSS Yöntemleri

Örnek

Tüm <p> öğelerinin color özelliğini ayarlayın:

$("button").click(function(){
  $("p").css("color", "red");
});

Tanım ve Kullanım

css() yöntemi, seçilen öğeler için bir veya daha fazla stil özelliğini ayarlar veya döndürür.

Özellikleri döndürmek için kullanıldığında:
Bu yöntem, FIRST eşleşen öğenin belirtilen CSS özellik değerini döndürür. Ancak, steno CSS özellikleri ("arka plan" ve "kenarlık" gibi) tam olarak desteklenmez ve farklı tarayıcılarda farklı sonuçlar verebilir.

Özellikleri ayarlamak için kullanıldığında:
Bu yöntem, eşleşen TÜM öğeler için belirtilen CSS özelliğini ayarlar.


Sözdizimi

CSS özellik değerini döndürün:

$(selector).css(property)

CSS özelliğini ve değerini ayarlayın:

$(selector).css(property,value)

Bir işlev kullanarak CSS özelliğini ve değerini ayarlayın:

$(selector).css(property,function(index,currentvalue))

Birden çok özellik ve değer ayarlayın:

$(selector).css({property:value, property:value, ...})

Parameter Description
property Specifies the CSS property name, like "color", "font-weight", etc.
value Specifies the value of the CSS property, like "red", "bold", etc.
function(index,currentvalue) Specifies a function that returns the new value for the CSS property
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value of the CSS property

Kendiniz Deneyin - Örnekler


döndür FIRST eşleşen öğenin belirtilen CSS özellik değerini döndür.


Seçili öğeler için bir CSS özelliğini değiştirmek için bir işlev kullanma.


ayarlama Seçili öğeler için birden çok CSS özelliği ve değeri nasıl ayarlanır.


❮ jQuery HTML/CSS Yöntemleri