Örnek
Bir genişliğini döndürür <div> elemanı:
$("button").click(function(){
alert($("div").width());
});
Kendin dene " Tanımı ve Kullanımı
width() metodu setleri veya seçilen elemanların genişliği döndürür.
Bu yöntem, genişliği dönüş için kullanıldığı zaman, bu İLK eşleşen elemanının genişliği döndürür.
Bu yöntem genişliğini ayarlamak için kullanıldığı zaman, tüm eşleşen elemanların genişliğini belirtir.
Aşağıdaki resimde gösterildiği gibi, bu yöntem dolgu, sınır veya marjını içermez.
İlgili yöntemleri:
- height() - belirler veya bir elemanın yüksekliğinin döndürür
- innerWidth() - bir elemanın genişliğine geri döner (includes padding)
- innerHeight() - bir elemanın yüksekliği verir (includes padding)
- outerWidth() - bir elemanın genişliğine geri döner (includes padding and border) .
- outerHeight() - Bir elemanın yüksekliğini döndürür (includes padding and border) .
Sözdizimi
genişliğini Dönüş:
$( selector ) . width()
genişliğini:
$( selector ) . width( value )
bir işlev kullanılarak genişliğini:
$( selector ) . width(function (index,currentwidth) )
Parametre | Açıklama |
---|---|
value | genişliğini ayarlamak için gereklidir. px genişlik belirtir, em, punto vb Varsayılan birim pikseldir |
function (index,currentwidth) | İsteğe bağlı. Seçilen elemanların yeni genişlik döndüren bir işlev belirtir
|
it Yourself deneyin - Örnekler
Bir elemanın genişliğini
Ne kadar farklı birimleri kullanarak bir elemanın genişliğini ayarlamak için.
Bir işlev kullanılarak genişliğini azaltmak
Nasıl bir elemanın genişliğini azaltmak için bir işlev kullanımı.
Belge ve pencere elemanlarının genişliğini döndürür
Belge ve pencere elemanlarının geçerli genişliğini dönmek nasıl.
Ilgili yöntemlerle Görüntü boyutları
Nasıl kullanılır width(), height() , innerHeight() , innerWidth() , outerWidth() ve outerHeight() .
Ile Duyarlı tasarım width()
Nasıl küçük ekranlarında sayfanın arka plan rengini değiştirmek için.