首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

怎么更改一个使用jQuery超链接的HREF

2012-10-30 
如何更改一个使用jQuery超链接的HREF$(a).attr(href, http://www.google.com/)将修改的所有超链接的

如何更改一个使用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
        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;);


热点排行