本文将给大家详细讲解jQuery是如何实现跳转页面功能的，小编觉得很实用，所以分享给大家参考，希望大家看完这篇文章能有所收获。
如何 jQuery
跳转到页面：首先将jQuery文件引入页面;之后，创建一个按钮来触发跳转;然后在跳转按钮上添加点击风暴;最后jquery点击跳转页面，通过 jquery 操作位置对象jquery点击跳转页面，并调用 attr 方法，并将 href 属性参数更改为新的 URL 地址。
jQuery 跳转到页面
首先，您需要将脚本库文件引入页面。
之后，创建
HTML 示例文件测试，但创建一个按钮来触发跳转，请注意当前页面称为“页面 A”。之后，编译 JS 脚本逻辑，为跳转按钮添加点击风暴。我们知道，在原生 JS 中，我们使用窗口对象中的 location 属性来处理跳转，window.location.href=“abc.html”
通过 jQuery 操作位置对象，并调用 attr 方法将 href 属性参数形成为新的 URL 地址。
测试完整代码：
Title <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.3/jquery.min.js">这是页面A
$(document).ready(function () { $(".btn").click(function () { $(location).attr("href","testb.html") }) })
运行页面并单击里面的“跳转”按钮。
（请注意，它现在位于 A 页上）。
单击后，您将成功重定向到新页面（testb）。
测试代码如下：
Title 这是页面B
关于“jQuery如何实现跳页功能”的文章就分享到这里，希望以上内容能对大家有所帮助，让你学到更多的知识，如果你觉得文章不错，请分享给更多人听。
百度 jquery.com/ui/1.12.1/themes/base/jquery-ui.css“>”2.然后，向 html 文件添加一个关键元素，例如：“html 单击弹出对话框”3。接下来jquery点击跳转，将以下代码添加到 JavaScript 脚本以初始化对话框组件：“javascript$（document）。ready（function（） { $（“#dialog”）.dialog（{autoOpen： false，modal： true，buttons： {“OK”： function（） {$（this）.dialog（“close”）;// 单击此处确定时添加操作}， “取消”： function（） {$（this）.dialog（“ close”）;// 单击取消时在此处添加操作}} }）; }）;代码将在加载文档时执行，创建对话框组件并设置其手动弹出窗口和模式对话框属性。该按钮在其 button 属性中定义，第一个函数在单击“确定”按钮时执行，第二个函数在单击“取消”按钮时执行。4. 最后，在 JavaScript 脚本中添加以下代码以添加键的点击风暴：“javascript$（”#dialog-button“）.click（function（） { $（”#dialog“）.dialog（”open“）; }）;“”代码将向键元素添加一个 click 事件处理程序，调用对话框（“open”）方法以在单击键时打开对话框组件。5. 最后，在 html 文件中添加一个对话框元素，例如：“html
你确认吗？
代码 ''' 将向页面添加一个对话框元素jquery点击跳转，其 id 属性为 “dialog”，标题为“prompt”，内容为“确认？"。完成上述步骤后，您可以单击该按钮以显示一个带有“确定”和“取消”按钮的对话框。记得先介绍 jQuery 和 jQuery UI 库，否则代码不会生效。希望这有帮助！
发表评论