通过JQ修改a标签原有的href，并增加一个跳转方法

最新推荐文章于 2023-06-01 10:48:25 发布
最新推荐文章于 2023-06-01 10:48:25 发布
阅读量4k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41760500/article/details/85092482
版权

有时a标签里的src属性已经写好，但是我的需求是，当我点击a标签后，不让它默认跳转，要让他按照我指定的方法跳转，如：

<a href="http://www.baidu.com"></a>

当我们点击a标签时，不想让他跳转至www.baidu.com这个页面。可通过以下JQ修改：

$("a").attr("href","javascript:atump()")

function atump(){

            top.location.href="http://www.taobao.com"

}

总结：通过attr把原有的src修改了，并添加一个atump方法，在此方法里写我们的路径（逻辑）

IT牛男_Edward
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jq修改a标签链接
mmm6677的博客
12-28 1865
jq修改a标签链接 // jsp代码 &amp;amp;lt;a id=&amp;quot;aaa&amp;quot; href=&amp;quot;#&amp;quot;&amp;amp;gt;这是一个超链接&amp;amp;lt;/a&amp;amp;gt; // jq代码 $(function(){ $(&amp;quot;#aaa&amp;quot;).attrr(&amp;quot;href&amp
关于jquery实现点击a链接，跳转之后，该a链接处样式的修改
a2072085745的专栏
09-10 1176
本来一般的列表标签都是直接给点击的li标签修改样式就可以了，直接用if判断语句就是可以的。 但是有的时候项目是别人写的，要来进行bug修复之类的，或者在开发中遇到类似的问题都可以这样解决的，我就是在改别的项目遇到的问题 一：遇到的问题：无法修改li标签的样式，页面刷新样式初始化 这是项目原来的代码块 <ul class="new-list_header main " id="menu"> {dede:type typeid='2'}
前端——使用jQuery给a标签添加、修改href链接
热门推荐
前方一片光明
11-12 3万+
HTML代码： <aid="qiaofeng">乔峰</a> jQuery代码： $('#qiaofeng').attr('href','http://tianlongbabu.com'); 添加和修改都是上面的代码； OK, GAME OVER
jquery修改a标签的href链接和文字
coco_ethan的专栏
08-11 6530
js代码中修改a标签的文字和链接 html代码： <a href="http://blog.csdn.net/gaokao2011" id="home">coco_ethan</a> js代码： # 修改a标签的href链接： $('#home').attr('href','http://blog.csdn.net'); # 修改a标签的文字 $("#home").text('CSDN博客首页');
jQuery 自动触发a标签的点击事件并跳转页面
旭东怪的博客
08-18 7687
html代码： <a id="alink" href="index.html" style="display:none;">下一步</a> javascript代码： $("#alink").click();//只触发了a标签的点击事件，但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件，同时也跳转了页面 注：使用JQuery获取a标签元素执行click()时，只会点击事件，不会触发页面跳
获取jquery分页pagination的a标签文本及链接，自定义跳转
Imobama的博客
12-22 1176
jquery分页如何实现自定义跳转？ 我的真实案例： html: &lt;tr&gt; &lt;td colspan="20"&gt;&lt;div class="pagination"&gt;${showPage}&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; //这是jquery的分页插件，每个a标签都有同样的class属性&quo
使用JQ完成注册页面（表单）的校验
南无阿弥豆腐的博客
04-22 1904
1.步骤: 1.0:在页面加载时,执行3部分操作 1.1:第1部分-必填项 1.1.1:给form表单中所有的带"required"类名的input标签中,添加一个红色的*,表示必填项. 1.2:第2部分-获取焦点/失去焦点的校验 1.2.1:获得所有的输入项,为输入项添加一个blur事件. 1.2.2:获得当前元素的父元素(即触发blur函数的元素的父元素) 1.2.3:清除父元素中显示...
jquery.boxy插件的iframe扩展代码
12-07
3. `qBox.Close`: 这是一个用于关闭最近打开的对话框的方法，通过`qBox.aDgs`数组中的最后一个元素调用`hide`方法来实现。 4. `qBox.iFSrc`: 这个函数用于改变已存在的`iframe`对话框的内容。它接收新的`src`属性，...
layui+jQuery总结
weixin_44155779的博客
04-02 3107
layui+jQuery基本原生技术要点 layui表格渲染 var table1 = table.render({ ele:“绑定table”, url:“连接后端接口” page:true,(true为开启分页,false则关闭) height:gtSettings.table.height,(表格高度) toolbar:true,(true有表头工具,可打印,可导出表格数据,false则没有) limits:gtSettings.table.limits,(每页展示多少条数据,可自定义) limi
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;bod...
Jquery为a标签的href赋值实现代码
12-10
代码如下: [removed] function doTest(){ var value = $(“input[name=’dizhi’][type=’radio’]:checked”).val();//获得选中项的值 $(‘#a1’).attr(‘href’,’shoppeisong.php?addid=’+value+”); } [removed] 要取的INPUT 标签<input name=”dizhi” type=”radio” id=”dizhi” onclick=”doTest()” value=”<?php echo $rsaddr
前端修改<a>标签的 href 属性和其中的文字方法汇总
Alone_in_的博客
11-19 1801
目前知道的四个获取文字的方法： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/...
a标签中href=""的几种用法
博客
03-02 1万+
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法，所以就来整理下a标签中href的几种用法。 一、Js的几种调用方法（参考总结的）1、a href=”javascript:js_method();” 这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href
点击<a>标签触发点击事件后href链接依然生效 可行解决办法
纸上得来终觉浅，绝知此事要躬行
01-22 1178
背景：最近在做项目的时候，借助&amp;amp;lt;a&amp;amp;gt; 标签向后台发起请求。本来想着，设置一个onclick 事件来判断是否要发起请求，结果onclick触发函数内部返回false不起作用，想了想，确实应该不起作用。但是总不能这么放着不是。于是下面这种解决办法就产生了。 利用 JQuery 做法就是自定义属性，将有请求的URL地址放到这个属性当中，href属性设置成javascript:void(0),...
jq PC端跳转手机端
Alvin博客
04-26 774
function loadBrowser() { var userAgent = navigator.userAgent.toLocaleLowerCase(); //debugger; if ((userAgent.match(/(mqqbrowser|juc|fennec|symbian|windows phone|android|blackberry|webos|browserng|i
js jquery 自动点击a标签实现网页跳转
weixin_42001360的博客
06-01 3067
aa。
a标签的页面跳转
杜永康的博客
08-31 1万+
百度一下
使用jQuery控制网页＜a＞标签的跳转
smx6666668的博客
03-28 3159
有时候会需要在同一个<a>标签根据某些条件跳转到不同的界面 例如 不同用户身份操作不同界面时，老师和学生在同一个界面点击同一个链接跳转到不同的界面。 点击<a>标签链接后在jQuery中进行判断后在跳转。 四种方式： <a id="aLink">方式1</a> <a href="javascript:jump()">方式2</a> <a onclick="jump()">方式3</a> <a hr
简单明了《a标签的href》跳转页面情况，看完秒懂！！！
Sestid的博客
06-03 8954
概念 a标签的默认跳转链接行为是由href来实现的，同时设置href属性可以使a标签在hover状态下以手指指示的样式显示。但实际过程中发现对a标签的href属性的不同设置，可能会导致不同的行为反馈，故想要进行几种不同的设置情况总结一下。 1.a标签中设置href属性，没有赋任何值 <a href></a> 点击a标签会刷新页面，回到顶部。 2.a标签中设置href属性，赋值href="#" <a href='#'></a> ..
一个页面中有多个展开收起，a标签点击，用jq怎么实现
最新发布
06-09
可以通过以下的 jQuery 代码实现： ``` javascript $(document).ready(function(){ // 给所有的 a 标签绑定点击事件 $("a").click(function(){ // 判断当前 a 标签的父元素是否有 class 为 collapse 的元素 if($(this).parent().hasClass("collapse")){ // 如果有则移除 class，显示内容 $(this).parent().removeClass("collapse"); $(this).text("收起"); }else{ // 如果没有则添加 class，隐藏内容 $(this).parent().addClass("collapse"); $(this).text("展开"); } }); }); ``` 在 HTML 中，需要使用 class 为 `collapse` 的元素来表示需要进行展开收起的内容，例如： ``` html <div> <a href="#">展开</a> <div class="collapse"> <p>这是需要展开收起的内容。</p> </div> </div> ``` 当用户点击 `a` 标签时，会根据当前 `a` 标签的父元素是否有 `collapse` 类来决定是展开还是收起，同时修改 `a` 标签的文本内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值