How to change href attribute of a hyperlink using jQuery?

Today, We want to share with you change href jquery.In this post we will show you jquery hyperlink onclick, hear for jQuery .attr() method to dynamically set or change the value of href attribute of a link or anchor tag. we will give you demo and example for implement.In this post, we will learn about Dynamically Change Form Action Based On Select Option with an example.

Read Also:  How to Open URL in New Window using jQuery?

Use the jQuery .attr() Method

This method can also be used to get the value of any attribute.

The following example will display you how to convert all hyperlinks or links in an HTML document from “http” to “https” when the document becomes ready with jQuery Example.

index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    $(document).ready(function(){
        $('a[href^="http://"]').each(function(){ 
            var oldUrl = $(this).attr("href"); // Read current url
            var newUrl = oldUrl.replace("http://", "https://"); // Make new url
            $(this).attr("href", newUrl); // Update herf value
        });
    });
</script>
</head>
<body>
    <p><a href="http://www.pakainfo.com">pakainfo</a></p>
    <p><a href="http://www.infinityknow.com">infinityknow</a></p>
</body> 
</html> 

I hope you get an idea about jQuery Set HREF for Anchor Tag.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.