jQuery是一種廣泛使用的JavaScript庫，用于簡化HTML文檔遍歷、事件處理、動(dòng)畫效果和Ajax交互等常見的操作。在開發(fā)Web應(yīng)用中，經(jīng)常會(huì)遇到跳轉(zhuǎn)頁面并傳值的需求。下面演示如何使用jQuery實(shí)現(xiàn)這一功能。

//頁面1：index.html
//點(diǎn)擊按鈕跳轉(zhuǎn)到頁面2，并傳遞參數(shù)
$('#btn').click(function(){
var username = $('#username').val(); //獲取輸入框中的用戶名
var url = "page2.html?username=" + username;  //構(gòu)造跳轉(zhuǎn)鏈接，將用戶名作為參數(shù)傳遞
window.location.href = url;  //跳轉(zhuǎn)頁面
});
//頁面2：page2.html
//從URL中獲取參數(shù)值，并將其顯示在頁面上
$(function(){
var username = getParameterByName('username');  //調(diào)用自定義函數(shù)，獲取URL中的參數(shù)值
$('#username').text(username);  //將用戶名顯示在頁面上
});
//自定義函數(shù)：用于獲取URL中的參數(shù)值
function getParameterByName(name) {
var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}

以上代碼演示了如何在頁面1中獲取輸入框中的用戶名，并構(gòu)造跳轉(zhuǎn)鏈接，將其作為參數(shù)傳遞到頁面2。在頁面2中，通過自定義函數(shù)獲取URL中的參數(shù)值，并將其顯示在頁面上。這樣就實(shí)現(xiàn)了跳轉(zhuǎn)頁面并傳值的功能。