jquery跳轉頁面的方法：首先在頁面中引入jquery文件；然後創建一個按鈕，用來觸發跳轉；接著為跳轉按鈕添加一個點擊事件；最後透過jquery操作location對象，並呼叫attr方法，把href屬性賦值為新的url位址即可。
作業環境：宏基S40-51、Windows10 家庭中文版、jquery1.8.3&&HBuilderX.3.0.5
推薦：《jquery影片教學》
jquery跳轉頁
首先需要先在頁面中引入腳本庫檔案。
然後建立一個html範例檔案test，並且建立一個按鈕，用來觸發跳轉的，注意當前頁面是叫做‘頁面A’的。然後編寫JS腳本邏輯，為跳轉按鈕新增一個點擊事件。我們知道在原生的js裡，我們做跳轉是用window對象裡的location屬性來處理的，window.location.href = “abc.html"
透過jquery操作location對象，並呼叫attr方法，把href屬性賦值為新的url位址就行了。
test完整程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<h3>这是页面A</h3>
<div>
<input class="btn btn-primary" type="button" value="跳转">
</div>
<script>
$(document).ready(function () {
$(".btn").click(function () {
$(location).attr("href","testb.html")
})
})
</script>
</body>
</html>執行頁面，點擊上面的『跳轉』按鈕。
（注意現在是在頁面A裡）
點擊後，就成功跳到新的頁面裡了，（testb）
testb程式碼如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h3>这是页面B</h3>
</body>
</html>更多電腦程式相關知識，請造訪：程式設計教學！ ！
以上是jquery怎麼跳頁的詳細內容。更多資訊請關注PHP中文網其他相關文章！
