`
qys2010
  • 浏览: 127362 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

如何更改一个使用jQuery超链接的HREF

阅读更多
$("a").attr("href", "http://www.google.com/")

将修改的所有超链接的HREF指向谷歌。你可能需要一个更精确的选择虽然有点。例如,如果你有一个链接源(超链接混合)和链接目标(又名“锚”)锚标签:

<a name="MyLinks"></a>
<a href="http://www.codeproject.com/>The CodeProject</a>

那你可能不想要意外增加href他们的属性。为安全起见,然后,我们可以指定我们选择将只匹配<a>
与现有的标签$("a[href]") //属性:

$("a[href=&apos;http://www.google.com/&apos;]").attr(&apos;href&apos;, &apos;http://www.live.com/&apos;)

当然,你可能想到的东西更有趣。如果你想匹配一个锚与特定的现有http://www.google.com/ ,你可以使用这样的:

$("a[href^=&apos;http://beta.stackoverflow.com&apos;]")
   .each(function()
   {
      this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/,
         "http://stackoverflow.com");
   });

这将找到的连结,其中的http://beta.stackoverflow.com完全匹配的字符串 。一个任务可能会更多地参与匹配,然后更新的唯一的一部分 :


第一部分只选择其中的HREF链接做起 。然后,定义一个函数,它使用一个简单的正则表达式来替换一个新的这个网址的一部分。请注意灵活性这给你 - 任何修改排序的链接在这里可以做。



2)
使用attr您的查找方法。您可以切换出一个新价值的任何属性。

$("a.mylink").attr("href", "http://cupcream.com");




3)
根据是否要更改其他所有的东西联系或以上相同的只是在一个特定的页面或每个单独部分你要控制,你可以做其中之一。

改变一切的联系,使它们指向谷歌谷歌地图:

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

$("a[href=&apos;http://www.google.com/&apos;]").attr(&apos;href&apos;,
&apos;http://maps.google.com/&apos;);

要改变某一部分的联系,增加了集装箱科的类的选择。这个例子将改变谷歌在内容链接,但不是在页脚:

<div class="content">
    <p>...link to <a href="http://www.google.com/">Google</a>
    in the content...</p>
</div>

<div class="footer">
    Links: <a href="http://www.google.com/">Google</a>
</div>

$(".content a[href=&apos;http://www.google.com/&apos;]").attr(&apos;href&apos;,
&apos;http://maps.google.com/&apos;);

要改变个人的联系,不论他们在那里的文件秋天,添加一个id的链接,然后添加该ID的选择。这个例子将改变谷歌在内容的第二个环节,但不是第一个或页脚中的一个:

<div class="content">
    <p>...link to <a href="http://www.google.com/">Google</a>
    in the content...</p>
    <p>...second link to <a href="http://www.google.com/"
        id="changeme">Google</a>
    in the content...</p>
</div>

<div class="footer">
    Links: <a href="http://www.google.com/">Google</a>
</div>

$("a#changeme").attr(&apos;href&apos;,
&apos;http://maps.google.com/&apos;);


分享到:
评论

相关推荐

    jQuery鼠标滑过超链接动画特效.zip

    jQuery作为一个轻量级的JavaScript库,因其简洁的API和丰富的功能,被广泛应用于动态效果的实现,其中包括鼠标滑过超链接时的动画特效。本文将深入探讨如何使用jQuery来创建这种效果,以及涉及到的相关技术如CSS、...

    jQuery 循环遍历改变a标签的href(实例讲解)

    标题中提到的是关于如何使用jQuery来循环遍历并改变页面上a标签的href属性值,这是一个在前端开发中常见的操作,用于动态地修改超链接的目标地址。 首先,让我们来了解一下什么是jQuery。jQuery是一个快速、小巧、...

    javascript和jquery修改a标签的href属性

    要使用 jQuery 修改 a 标签的 href,你需要先在页面上引入 jQuery 库,然后使用 `$` 函数选择元素,并调用 `attr` 方法: ```javascript // 引入 jQuery 库 &lt;script src="https://code.jquery....

    jQuery动态修改超链接地址的方法

    接下来,就可以使用jQuery脚本来在特定的事件触发时修改这个超链接的href属性了。最常见的是在用户点击某个按钮时触发这个行为。下面是一个具体的实现示例: ```javascript $("button").click(function(){ $("#jb...

    jQuery修改标签内容实例

    比如,修改一个`&lt;label&gt;`标签: ```html 原始标签文本 ``` 修改: ```javascript $('#formLabel').text('新的标签文本'); ``` 除了`text()`方法,jQuery还提供了`html()`方法,它可以用来插入或修改...

    JQuery里选择超链接的实现代码

    例如,要获取第一个匹配的超链接的`title`属性,你可以使用: ```javascript $('a[href$="ABC"]:first').attr('title'); ``` 同样,如果你想获取超链接内的文本内容,可以使用`.html()`方法: ```javascript $...

    jQuery 核心库的使用

    jQuery 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在本文中,我们将深入探讨jQuery的核心库及其使用,包括如何引入jQuery库,基本语法,以及如何处理jQuery...

    基于jQuery捕获超链接事件进行局部刷新代码

    其中第一个参数是一个状态对象,第二个参数是新的页面标题(目前大多数浏览器不支持此参数),第三个参数是新的URL。此方法不会导致页面刷新,只会更改地址栏的显示。 使用`history.replaceState()`方法则会替换...

    使用JQuery和CSS模拟超链接的用户单击事件的实现代码

    另外,示例中还提到了对JQuery的进一步封装,其中引入了Main.js文件,并使用了$(document).ready()函数来定义一个统一处理超链接点击事件的逻辑。这样做不仅提高了代码的复用性,还使得在项目中多个页面和超链接的...

    网页设计实现三个页面(文字、图片、超链接可以跳转)

    &lt;a href="https://example.com" target="_blank"&gt;这是一个超链接 ``` 若要实现页面间的跳转,可以使用JavaScript或者锚点链接。JavaScript可以通过`window.location.href`改变当前页面URL,而锚点链接则在同一个...

    超链接打开网页嵌套层

    当我们谈论“超链接打开网页嵌套层”时,我们通常是指在点击一个链接后,不是简单地跳转到新页面,而是将内容加载到当前页面的一个预定义区域,如弹出窗口、模态框或者页面内的滑动层。这种技术可以提供更丰富的用户...

    JQ 超链接提示

    然而,有时我们希望在用户鼠标悬停在超链接上时提供额外的信息,例如预览链接的目标内容或者展示一个提示框。jQuery提供了一种优雅的方式来实现这一功能。 在博文《JQ超链接提示》中,作者可能详细介绍了以下内容:...

    niceTitle 基于jquery的超链接提示插件

    根据提供的文件信息,以下是关于基于jquery的超链接提示插件...通过以上的知识点,开发者可以更加全面地了解NiceTitle这个基于jquery的超链接提示插件,以及如何在网页中快速集成并使用它来提升网站的用户体验。

    jQuery实现动态添加、删除按钮及input输入框的方法

    上述代码片段中还包含了对超链接的设置,使用rel属性来确保超链接不会触发默认的行为,同时使用href="#"来确保超链接在点击时不会改变当前页面的位置。 在内容中还提到了一些重要的jQuery主题和资源链接,例如...

    HTML超链接传值

    一个简单的HTML超链接由`&lt;a&gt;`标签定义,其`href`属性用于指定目标页面的URL: ```html &lt;a href="target_page.html"&gt;点击这里 ``` 要通过超链接传递值,我们可以将参数添加到URL的查询字符串中,形如`?key=value`:...

    Jquery的hide及toggle方法让超链接慢慢消失

    jQuery是一个轻量级的JavaScript库,它通过一种简洁的方式简化了HTML文档遍历、事件处理...在本例中,通过结合简单的HTML和jQuery脚本,实现了超链接点击后“慢慢消失”的效果,这是一个在网页交互设计中很常见的需求。

    动态更改A标签的HREF,防止打开外部连接时被浏览器拦截

    总之,动态更改`&lt;a&gt;`标签的`href`属性是一种常见的前端技术,它结合了JavaScript和jQuery的强大功能,使得网页能够灵活地响应用户交互和服务器数据。在C#和.NET框架中,你可以通过后端服务支持这种动态性。同时,...

    HTML5鼠标悬停超链接显示图片特效.zip

    这个名为"HTML5鼠标悬停超链接显示图片特效.zip"的压缩包包含了一个使用HTML5、CSS和jQuery实现的功能,即当用户将鼠标悬停在超链接上时,会显示相关的图片特效。这种效果可以提升网站的互动性和吸引力。 首先,...

Global site tag (gtag.js) - Google Analytics