Como alterar o Href de um link utilizando jQuery

Código de exemplo de como alterar o Href de um link utilizando jQuery.

como alterar o Href de um link utilizando jQuery

Para fazer essa alteração iremos utilizar a função “attr()”.

$("#my_tag_a").attr("href", "http://www.google.com.br/")

Você também pode utilizar um seletor mais complexo, como o exemplo abaixo:

$("a[href='http://www.google.com/']").attr('href', 'http://www.google.com.br/')

Aonde ele irá alterar o valor do Href de todos os links que tiverem o valor correspondente de Href que está no seletor.

Utilizando a função “prop()”

Você também pode utilizar a função “prop()”, segue o exemplo:

$("a").prop("href", "http://www.rogertakemiya.com.br");
$("a[href='http://www.google.com/']").prop('href', 'http://www.google.com.br/')

Prop() vs Attr(), qual devo utilizar?

Nesta situação, tanto faz pois o seu objetivo é alterar o valor de um atributo simples, o importante é não misturar a utilização das duas funções.

Pois a grande diferença entre ambas as funções está que prop() retorna e altera o valor que está no “DOM” e já a função Attr() está diretamente ligada ao “HTML”.

Retornando valores diferentes em determinadas situações.

Resumo
Como alterar o Href de um link utilizando jQuery
Nome do Artigo
Como alterar o Href de um link utilizando jQuery
Descrição
Post explicando como alterar o Href de um link utilizando jQuery
Autor
Editor
Roger Mauricio Takemiya
Logo do Editor

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *