jQuery CSS İşleme - width() yöntemi

jQuery CSS İşleme Kılavuzu

Örnek

<p> öğesinin genişliğini ayarlayın:

$(".btn1").click(function(){
  $("p").width(200);
});

Kişisel olarak deneyin

Tanım ve Kullanım

width() yöntemi, eşleşen öğelerin genişliğini döndürür veya ayarlar.

Genişliği döndür

İlk eşleşen öğenin genişliğini döndürür.

Bu yönteme parametre verilmezse, eşleşen öğelerin genişliğini piksel cinsinden döndürür.

Sözdizimi

$(selector).width()

Kişisel olarak deneyin

Genişliği ayarlayın

Bütün eşleşen öğelerin genişliğini ayarlayın.

Sözdizimi

$(selector).width(length)
Parametreler Açıklama
length

İsteğe bağlı. Öğenin genişliğini belirtin.

Uzunluk birimi belirtilmemişse, varsayılan px birimi kullanılır.

Kişisel olarak deneyin

Genişliği ayarlamak için fonksiyon kullanın

Bütün eşleşen öğelerin genişliğini ayarlamak için fonksiyon kullanın.

Sözdizimi

$(selector).width(function(index,oldwidth))
Parametreler Açıklama
function(index,oldwidth)

Seçilen öğelerin yeni genişliğini döndüren fonksiyonu belirtin.

  • index - İsteğe bağlı. Seçicinin index konumunu kabul eder
  • oldvalue - İsteğe bağlı. Seçicinin mevcut değerini kabul eder.

Kişisel olarak deneyin

Daha fazla örnek

Belge ve pencere öğelerinin genişliğini almak
document ve window öğelerinin mevcut genişliğini almak için width() yöntemini kullanın.
Genişliği em ve % değerleri ile ayarlayın
Belirtilen uzunluk birimi kullanarak öğenin genişliğini ayarlayın.

jQuery CSS İşleme Kılavuzu