這篇文章將為大家詳細講解有關(guān)jquery如何實現(xiàn)跳轉(zhuǎn)頁面功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、成都小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了鲅魚圈免費建站歡迎大家使用！

jquery跳轉(zhuǎn)頁面的方法：首先在頁面里引入jquery文件；然后創(chuàng)建一個按鈕，用來觸發(fā)跳轉(zhuǎn)；接著為跳轉(zhuǎn)按鈕添加一個點擊事件；最后通過jquery操作location對象，并調(diào)用attr方法，把href屬性賦值為新的url地址即可。

jquery跳轉(zhuǎn)頁面

首先需要在頁面里先引入腳本庫文件。

然后創(chuàng)建一個html示例文件test，并且創(chuàng)建一個按鈕，用來觸發(fā)跳轉(zhuǎn)的，注意當前頁面是叫‘頁面A’的。然后編寫JS腳本邏輯，為跳轉(zhuǎn)按鈕添加一個點擊事件。我們知道在原生的js里，我們做跳轉(zhuǎn)是用window對象里的location屬性來處理的，window.location.href = “abc.html"

通過jquery操作location對象，并調(diào)用attr方法，把href屬性賦值為新的url地址就行了。

test完整代碼：

    
    
    


這是頁面A

    

運行頁面，點擊上面的‘跳轉(zhuǎn)’按鈕。

（注意現(xiàn)在是在頁面A里）

點擊后，就成功跳轉(zhuǎn)到新的頁面里了，（testb）

testb代碼如：

    
    


這是頁面B

關(guān)于“jquery如何實現(xiàn)跳轉(zhuǎn)頁面功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。