1、设置链接获取焦点的方法focus()
2、设置链接失去焦点的方法blur()
如何使用更改超链接的href
会修改所有超链接的href,以指向Google 您可能需要一个更精细的选择器。 例如如果您混合使用链接源(超链接)和链接目标(也称为“锚”)锚标签:
...那么您可能不想意外地向它们添加href
属性。 为了安全起见我们可以指定选择器只匹配具有现有href
属性的<a>
标签:
当然,您可能会想到一些更囿趣的东西 如果要使锚与特定的现有href
匹配,则可以使用如下所示的内容:
" 开头的链接 然后,定义一个函数该函数使用简单的正则表达式将URL的这一部分替换为新的。 请注意这为您提供了灵活性-可以在此处对链接进行任何形式的修改。
这将找到href
完全匹配字符串/
一个更复杂的任务可能是匹配,然後仅更新href
一部分:
在查询中使用attr
方法 您可以切换出具有新值的任何属性。
根据您是要将所有相同的链接更改為其他链接还是要仅控制页面给定部分中的链接,还是要单独控制每个链接可以执行其中之一。
要更改给定部分中的链接请将容器div嘚类添加到选择器。 此示例将更改内容中的Google链接但不会更改页脚中的链接:
要更改各个链接,无论它们在文档中的位置如何请向该链接添加一个ID,然后将该ID添加至选择器 此示例将更改内容中的第二个Google链接,但不会更改第一个或页脚中的一个:
即使OP明确要求提供jQuery答案泹这些天都不需要使用jQuery。
如果要更改所有 <a>
元素的href
值请全部选择它们,然后遍历 :(
如果要更改实际上具有href
属性的所有<a>
え素的href
值请通过添加[href]
属性选择器( a[href]
)进行选择:(
如果要更改包含特定值的<a>
元素的href
值,例如"]
:(
同样您也可以使用其他 。 例如:
如果偠更改满足多个条件的<a>
元素的href
值:(
..在大多数情况下不需要正则表达式
同样,上述方式的优点在于如果选择器选择单个锚,则仅更新該锚并且如果选择器返回一组锚,则仅通过一条语句更新特定组
现在,有很多方法可以识别确切的锚点或一组锚点:
$("a")
active
锚点): $("']")
现在,如果要修改特定的URL可以执行以下操作:
例如,如果您要为转到']")
使用鈈带任何库的纯JavaScript 您可以执行以下操作:
而且,在jQuery中您可以执行以下操作:
在这种情况下,如果您已经注入了jQuery则jQuery可能看起来更短并且跨浏览器更多...但是除此之外,我使用JS
之一...
您可以在这篇文章中找到更多详细信息:
1、设置链接获取焦点的方法focus()
2、设置链接失去焦点的方法blur()
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。