jQuery点击按钮跳转页面

最新推荐文章于 2024-04-07 20:46:30 发布
最新推荐文章于 2024-04-07 20:46:30 发布
阅读量1.8k 收藏 3
点赞数
分类专栏： jQuery相关知识 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45624316/article/details/114179982
版权 
<div class="mui-button">
	<button id="code" type="button" >忘记密码</button>
</div>

$(function(){
	$('#code').on('click',function(){
	$(location).attr('href','index.php/index/code/index');
	})
})

按钮如果不设置type类型，则默认type类型为submit 提交

在html属性中必须加上type类型 type=“button” ，才能正常跳转页面

生活有亮
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
JQuery点击按钮跳转页面的方法
liudachu的博客
08-22 1万+
form表单 <form class="navbar-form navbar-left" action=""> <div class="form-group"> <input type="text" class="form-control" placeholder="搜目的地/攻略/酒店" id="ipt"> </div> <button type="button" class="btn btn-de
按钮点击实现页面跳转
qq_36459106的博客
02-20 2814
实现页面跳转（显示意图）,跳转后读取手机的联系人姓名，并使用ListView来进行显示 1.xml文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:la
jq的跳转方法有哪些（补）
最新发布
IKUNzhenin的博客
04-07 535
这些方法可以在点击事件、定时器等情况下使用，以实现页面跳转。请注意，这些方法并不是jQuery特定的方法，而是原生JavaScript的方法，可以在jQuery代码中直接使用。
JQuery实现页面跳转
热门推荐
Hurbox的专栏
11-09 32万+
<br /><mce:script type="text/javascript"><!-- $(function(){ var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性 location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转 }); // --></mce:script>
jQuery click的用法
churanlu1875的博客
11-23 272
基本用法： <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").slideToggle(); }); $("p")...
jQuery 点击图片跳转上一张或下一张功能的实现代码
10-29
在本文中，我们将深入探讨如何使用jQuery实现一个功能，即当用户点击图片时，能够跳转至上一张或下一张图片。这个功能对于创建一个简单的图片浏览应用或者展示作品集非常有用。我们将分析给出的代码片段，并解释每个...
js，jquery滚动/跳转页面到指定位置的实现思路
10-25
【JavaScript与jQuery实现页面滚动与跳转】 在Web开发中，有时我们需要实现用户从一个页面跳转到另一个页面，并且自动滚动到特定的位置。本文将详细介绍如何使用JavaScript和jQuery来实现这一功能。 首先，基本的...
html页面跳转传递参数问题
09-28
当用户点击“跳转”按钮（`跳转</button>`）时，`jump1()`函数会被调用。在这个函数中，我们通过jQuery选择器获取`name`和`age`的值，并将它们拼接到URL中（`url = "b.html?name="+name+"&age="+age;`）。然后，使用...
jQuery bootstrap登录、注册跳转页面.rar
02-29
jQuery bootstrap登录、注册跳转页面，通过点击登录和注册按钮可以跳转出对应的登录和注册页面。
jquery页面跳转loading加载
08-14
NULL 博文链接：https://hnlixf.iteye.com/blog/2312854
Javascript单击click的三种写法[0404]
MY128的博客
12-26 2261
  Javascript单击click的三种写法[0404]    一、开解： 下面是三种button点击的方法。 1、  btn.onclick=function(){} 2、  btn.addEventListener('click',function(){}) 3、  functionbtclick(){} 前提是标签里有onclick="btclick()" 二、实例： &lt;!...
jQuery操作button
ok_1234的博客
11-03 1412
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="script/jquery-1.7.2.js"></script> <script type="text/javascript">
$().click()和$().on('click','要选择的元素'，function(){})的区别
demiling的博客
10-24 8020
$(选择器).click(function(){})：选择器已经在页面中已经存在的。 $(选择器).on(‘click’,‘要选择的元素’,function(){})：动态创建的元素也能触发事件， 且这里的选择器是页面已经存在，而不是动态添加的。 on方法包含很多事件，点击，双击等等事件。 ...
Jquery事件绑定
过客如期的博客
02-01 3757
一，前言 1.jquery有四种绑定事件的方式。bind,live,delegate,on。其中live已被移除，bind和delegate底层都是on实现的。 2.jquery建议我们使用on来绑定事件。 3.除原生事件外，jquery支持绑定自定义事件。 一，$(selector).on() 1.$(selector).on(type,[selector],[data],fn)。接受四个参数： type 是事件的类型， selector 代表选择器,当selector参数不为空或者null时，那么事件不
jquery click事件传参
淘淘小窝
11-03 3万+
click()函数用于为每个匹配元素的click事件绑定处理函数。该函数也可用于触发click事件。 click事件就是鼠标按钮单击事件。此外，你还可以额外传递给事件处理函数一些数据。 此外，你可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发click事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。 要删除通过click()绑定的事件，请使用unb
jquery实现点击跳转到相应位置
qq_44732752的博客
03-10 1860
CSS部分 <style> body { background: #F1F1F1; } .wrapper{ width: 1200px; } .duoxuanti { color: #4D76E0; } .blue-bg { background-color: #4C76E2; color: #fff; border-radius: 3px; } .search-main { position: relative; backgr
php jq跳转页面跳转,jquery中怎么跳转页面
weixin_42517406的博客
03-13 285
jquery跳转页面的方法：通过使用属性替换方法attr()或prop()来实现跳转，如【$(location).attr('href', 'url地址')】、【$(location).prop('href', 'url')】。本教程操作环境：windows7系统、jquery3.3.1版，该方法适用于所有品牌电脑。jquery跳转页面的方法有以下几种：1、利用http的重定向来跳转window....
jquery使用("#id").click(function(){})点击事件失效的解决办法
wu_ri_san_xing的博客
06-10 1万+
将("#id").click(function(){ 。。。。。。。。。。。 })改成下面这个就可以触发了 $("div").delegate("#id", "click", function(){ ...............});
layui点击按钮跳转页面
05-28
要实现在Layui中点击按钮跳转页面，可以使用Layui中的`lay-submit`和`lay-filter`属性实现表单提交，具体步骤如下： 1. 在HTML中定义一个表单，设置表单的`lay-filter`属性，这里以`formDemo`为例： ``` <form class="layui-form" lay-filter="formDemo"> <!-- 表单内容 --> </form> ``` 2. 在表单中添加一个按钮，设置按钮的`lay-submit`属性和`lay-filter`属性，这里以`submitBtn`为例： ``` <button class="layui-btn" lay-submit lay-filter="submitBtn">提交</button> ``` 3. 在JavaScript中监听按钮的点击事件，获取表单数据并跳转页面，这里以jQuery为例： ``` // 监听表单提交 form.on('submit(submitBtn)', function(data){ // 获取表单数据 var formData = data.field; // 跳转页面 window.location.href = 'http://www.example.com/page.html'; // 阻止表单跳转 return false; }); ``` 这样，当点击按钮时，会触发表单提交事件，获取表单数据并跳转到指定页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值