JQuery是一款流行的JavaScript庫,許多網站都使用它來優化用戶體驗。在網頁上重新加載或刷新div是非常常見的需求,并且JQuery可以輕松實現這個功能。
$(document).ready(function(){ // 按下按鈕時重新加載div $('button').click(function(){ $('#myDiv').load(location.href + ' #myDiv'); }); });
這是最簡單的方法。在頁面準備就緒后,我們使用jQuery選擇器選擇按鈕元素,然后使用click()方法將重新加載div的代碼綁定到該按鈕。當按鈕被點擊時,我們使用load()方法重新加載頁面的URL,以及一個選擇器字符串。這里我們使用location.href表示當前頁面的URL,然后添加一個空格和選擇器#myDiv,意味著我們只選擇頁面中id為myDiv的元素。這將僅加載指定的div而不是整個頁面,大大加快了加載速度。
這是一個非常簡單的方法,而且相當普遍。重新加載div不僅可以改善用戶體驗,還可以使您的網站更快地響應用戶操作。使用jQuery也可以輕松地實現這一點!