jQuery的offsetWidth屬性用來獲取元素的寬度,它是一個數字類型的屬性,返回值等于元素的寬度加上元素的左右padding和左右border的寬度。如果元素設置了box-sizing為border-box,那么border和padding的寬度就會包含在offsetWidth中。
//獲取div元素的offsetWidth var divWidth = $('div').get(0).offsetWidth; console.log(divWidth);
在上面的例子中,我們使用jQuery的get()方法來獲取div元素的DOM對象,然后使用offsetWidth屬性獲取div元素的寬度。由于offsetWidth是一個數字類型的屬性,因此我們可以直接使用console.log()方法輸出它的值。
另外值得注意的是,當元素設置了display:none時,它的offsetWidth屬性值為0。這是因為在隱藏狀態下,元素的寬度是不可見的,因此無法獲取其寬度。
//隱藏div元素 $('div').hide(); //獲取div元素的offsetWidth(返回值為0) var divWidth = $('div').get(0).offsetWidth; console.log(divWidth);
在這個例子中,我們先使用jQuery的hide()方法將div元素隱藏起來,然后再次使用offsetWidth屬性獲取它的寬度。由于元素被隱藏了,因此它的offsetWidth屬性值為0。