En son web geliştirme öğreticiler
 

jQuery width() Method

<JQuery HTML / CSS Yöntemleri

Ö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.

jQuery Boyutlar


İ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
  • index - sette öğenin dizin konumunu döndürür
  • currentwidth - Seçilen elemanın akım genişliğini döndürür

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.


<JQuery HTML / CSS Yöntemleri