jQuery 是一種流行的 JavaScript 庫(kù)，用于簡(jiǎn)化 HTML 文檔遍歷、事件處理、動(dòng)畫(huà)和 Ajax 等操作的代碼。在使用 jQuery 進(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)時(shí)，我們經(jīng)常需要調(diào)整列表元素（li）的寬度來(lái)適應(yīng)不同的屏幕尺寸和布局需求。下面將介紹如何使用 jQuery 調(diào)整 li 的寬度。

$(document).ready(function() {
// 獲取 li 元素列表
var listItems = $("ul li");
// 獲取窗口寬度
var windowWidth = $(window).width();
// 計(jì)算每個(gè) li 元素的寬度并賦值
var itemWidth = Math.floor(windowWidth / listItems.length);
listItems.css("width", itemWidth + "px");
// 窗口大小改變時(shí)重新計(jì)算 li 的寬度
$(window).on("resize", function() {
windowWidth = $(window).width();
itemWidth = Math.floor(windowWidth / listItems.length);
listItems.css("width", itemWidth + "px");
});
});

首先，我們使用 jQuery 提供的選擇器獲取列表中所有的 li 元素。接著，我們獲取當(dāng)前窗口的寬度，并計(jì)算每個(gè) li 元素應(yīng)該設(shè)置的寬度。對(duì)于計(jì)算每個(gè) li 元素寬度的公式，我們可以通過(guò)將窗口寬度除以 li 元素的數(shù)量來(lái)得到。接著，我們將計(jì)算出的寬度值賦給每個(gè) li 元素的 width 屬性，從而實(shí)現(xiàn) li 寬度自適應(yīng)窗口大小變化的效果。

為了確保 li 元素的寬度能夠及時(shí)地隨著窗口大小的變化而自適應(yīng)，我們使用了 jQuery 提供的 resize 事件。當(dāng)窗口大小變化時(shí)，該事件會(huì)被觸發(fā)，并重新計(jì)算每個(gè) li 元素的寬度。

上述代碼可以應(yīng)用到任何帶有 li 元素的網(wǎng)頁(yè)中，讓你的網(wǎng)站能夠適應(yīng)各種屏幕尺寸和不同的布局需求，從而提高用戶(hù)體驗(yàn)。