Introduction

When working with HTML links, it is often necessary to dynamically change the href attribute. In this tutorial, we will explore how to do this using jQuery.

Setting href Attribute with jQuery

To set the href attribute of a link using jQuery, we can use the .attr() method. This method takes two arguments: the attribute we want to modify and the new value for that attribute. Here's an example:

$("#myLink").attr("href", "https://example.com");

In this example, we are selecting the link with the id myLink and setting its href attribute to "https://example.com".

If we want to set the href attribute based on some other variable or input from the user, we can use a variable instead of a hardcoded value. For example:

var url = "https://example.com";
$("#myLink").attr("href", url);

In this case, we are setting the href attribute to the value of the url variable.

Conclusion

Changing the href attribute of an HTML link using jQuery is a simple and effective way to dynamically modify links in your web pages. By using the .attr() method, we can easily update link destinations based on user input or other factors.