如何使用jQuery更改超链接的href属性(链接目标)?
当前回答
试试这个;
$("#link").attr("href", "https://coenvink.com/")
代码功能的分解:
$("#link")
这部分代码获取id为“Link”的元素。之后,您将属性“href”(witch基本上是url的链接)设置为新的url,在本例中,witch是我自己的网站:
.attr("href", "https://coenvink.com/")
我希望现在清楚了!
其他回答
试试这个;
$("#link").attr("href", "https://coenvink.com/")
代码功能的分解:
$("#link")
这部分代码获取id为“Link”的元素。之后,您将属性“href”(witch基本上是url的链接)设置为新的url,在本例中,witch是我自己的网站:
.attr("href", "https://coenvink.com/")
我希望现在清楚了!
使用
$("a").attr("href", "http://www.google.com/")
将修改所有超链接的href以指向Google。不过,您可能需要一个更精细的选择器。例如,如果您有链接源(超链接)和链接目标(也称为“锚”)锚标记的组合:
<a name="MyLinks"></a>
<a href="http://www.codeproject.com/">The CodeProject</a>
…然后您可能不想意外地将href属性添加到它们中。为了安全起见,我们可以指定我们的选择器将仅与具有现有href属性的<a>标记匹配:
$("a[href]") //...
当然,你可能会有更有趣的想法。如果要将锚点与特定的现有href相匹配,可以使用以下内容:
$("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/')
这将找到href与字符串完全匹配的链接http://www.google.com/.一个更复杂的任务可能是匹配的,然后只更新href的一部分:
$("a[href^='http://stackoverflow.com']")
.each(function()
{
this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/,
"http://stackoverflow.com");
});
第一部分仅选择href开头的链接http://stackoverflow.com.然后,定义一个函数,该函数使用一个简单的正则表达式将URL的这部分替换为一个新的。请注意,这给了您灵活性——对链接的任何修改都可以在这里完成。
不要为了jQuery而使用它!仅使用JavaScript就非常简单。
document.querySelector('#the-link').setAttribute('href', 'http://google.com');
https://jsfiddle.net/bo77f8mg/1/
对于jQuery 1.6及以上版本,您应该使用:
$("a").prop("href", "http://www.jakcms.com")
prop和attr的区别在于,attr获取HTML属性,而prop获取DOM属性。
你可以在这篇文章中找到更多细节:.prop()vs.attr()
更改Wordpress Avada主题徽标图像的HREF
如果你安装了ShortCode Exec PHP插件,你可以创建这个我称为myjavascript的短代码
?><script type="text/javascript">
jQuery(document).ready(function() {
jQuery("div.fusion-logo a").attr("href","tel:303-985-9850");
});
</script>
现在,您可以转到外观/小部件,选择一个页脚小部件区域,并使用文本小部件添加以下短代码
[myjavascript]
选择器可能会根据您使用的图像以及视网膜是否就绪而改变,但您始终可以使用开发人员工具来确定。
推荐文章
- 使伸缩项目正确浮动
- Babel 6改变了它导出默认值的方式
- 如何配置历史记录?
- ES6模板文字可以在运行时被替换(或重用)吗?
- [Vue警告]:找不到元素
- 可以在setInterval()内部调用clearInterval()吗?
- AngularJS控制器的生命周期是什么?
- 无法读取未定义的属性“msie”- jQuery工具
- 形式内联内的形式水平在twitter bootstrap?
- 我的蛋蛋怎么不见了?
- JavaScript中的排列?
- 自定义元素在HTML5中有效吗?
- JavaScript中有睡眠/暂停/等待功能吗?
- 如何触发自动填充在谷歌Chrome?
- jQuery:执行同步AJAX请求