# Overview
The **`attr()` method** in jQuery can be used to set a new attribute value of an element.

## Syntax


```
$(selector).attr(attribute, newValue)
```

## Parameter

- **`attribute`**: This is the name of the attribute whose value has to be changed.
- **`newValue`**: This is the value to be set.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Change href</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
    <a href="https://www.educative.io/"> Educative Link </a>
    <button name="button"> Click here</button>
</body>
</html>

$(document).ready(function(){
    
    $("button").click(function(){
        $("a").attr("href", "https://www.educative.io/edpresso");
    });    
});

codemirror

# 
## Explanation
In HTML:
- We define an anchor element and a button element.

In JavaScript:

- Line 3: We define a function that will be executed with the click of the button.
- Line 4: We use the CSS selector, `$("a")`, to select the anchor element. We use the `attr()` function to set a new value to the `href` attribute. 

# 
## Explanation
In HTML:
- We define an anchor element and a button element.

In JavaScript:

- Line 3: We define a function that will be executed with the click of the button.
- Line 4: We use the CSS selector, `＄("a")`, to select the anchor element. We use the `attr()` function to set a new value to the `href` attribute. 

How to change the href attribute for a hyperlink in jQuery

Use jQuery's `attr()` method to set a new `href` value for anchor elements upon button click.