jQuery獲得瀏覽器寬度的方法主要是使用瀏覽器內置對象window的屬性和方法結合jQuery選擇器來獲取。代碼如下:
$(document).ready(function(){ var width = $(window).width(); $("p").text("瀏覽器寬度是:" + width + "px"); });
上面的代碼使用了ready函數來確保DOM加載完成后再運行,避免出現獲取不到元素的情況。然后使用window對象的width屬性來獲取瀏覽器的寬度,jQuery選擇器選中所有的p元素,將瀏覽器寬度顯示在p元素中的文本內容中。
此外,還可以通過監聽窗口大小變化事件來實時獲取瀏覽器寬度,代碼如下:
$(window).resize(function(){ var width = $(this).width(); $("p").text("瀏覽器寬度是:" + width + "px"); });
上面的代碼使用了resize函數來監聽窗口大小變化事件,this指向window對象,使用width屬性獲取瀏覽器寬度,并顯示在p元素的文本內容中。
總之,使用jQuery獲取瀏覽器寬度非常簡單,只需結合window對象和jQuery選擇器即可。必要時,還可以監聽窗口大小變化事件實時更新瀏覽器寬度。