How to add attributes to an HTML element in jQuery?

Given an HTML document containing some elements and the task is to add the attributes to the HTML elements.

Approach: Given an HTML document containing <label>, <input> and <button> elements. The <input> element contains the type and id attribute. When user click on the button, the jQuery function is called. We use $(selector).attr() method to add the attributes. Here, we are adding the placeholder attribute to the input field.

Syntax:

$("#add-attr").click(function () {
    $("#addAttr").attr("placeholder", "neveropen");
});

Example:

Output: