jquery是一種非常流行的JavaScript庫,它可以使網頁中的JavaScript變得更加簡單、快捷、優化,同時可以提高開發效率。在網頁中,有時需要獲取元素的寬度和高度,jquery可以輕松地實現這個功能。
下面是一個例子,我們使用jquery來獲取一個 div 元素的寬度和高度:
$( document ).ready(function() {
var w = $( "#div1" ).width();
var h = $( "#div1" ).height();
console.log( "Width: " + w + ", Height: " + h );
});
在這個例子中,我們使用了 jQuery 的 $ 符號來選擇元素“#div1”, 然后分別使用 .width() 和 .height() 方法獲取 div 元素的寬度和高度。 最后,將獲得的值輸出到控制臺。
由此可見,在使用 jQuery 時,獲取元素的寬度和高度非常方便。我們只需要使用 .width() 和 .height() 方法即可。需要注意的是,這兩個方法只能用于獲取元素本身的寬高,而不是元素內包含內容的寬高,如果要獲取元素內包含內容的寬高,可以使用 .innerWidth() 和 .innerHeight() 方法。
下一篇div js 點擊