JQuery是一種常用的JavaScript庫,具有簡單易學(xué)的特點(diǎn)。在網(wǎng)頁制作過程中,經(jīng)常需要獲取元素的尺寸(如寬度),這時候就可以利用JQuery快捷地獲取元素的CSS屬性。
// 獲取元素寬度 var width = $('#element').width(); // 獲取元素包括padding在內(nèi)的寬度 var innerWidth = $('#element').innerWidth(); // 獲取元素包括padding和border在內(nèi)的寬度 var outerWidth = $('#element').outerWidth(true);
其中,width()
方法用于獲取元素的寬度,不包括padding、border和margin。如果需要獲取元素包括padding在內(nèi)的寬度,則可以使用innerWidth()
方法;如果需要獲取元素包括padding和border在內(nèi)的寬度,則需要加上參數(shù)true
,即使用outerWidth(true)
方法。
除了獲取元素的寬度,JQuery還提供了獲取高度的方法height()
、innerHeight()
和outerHeight(true)
,以及多種其他CSS屬性的獲取方法,如css()
、attr()
等。