How to Add Attribute to an HTML Element in jQuery?

Today, We want to share with you jquery add attribute.In this post we will show you jquery set input value, hear for jQuery – Set Content and Attributes we will give you demo and example for implement.In this post, we will learn about Get Content and Attributes using JavaScript jQuery with an example.

jQuery attr() Method

here you can learn jQuery Get Attributes, Set Attributes, Remove Attributes
Example 1:
Set the width attributes of an image:

Pulpit Rock

Add and remove attributes with jquery

Example 2: jQuery Get Attributes Example

jQuery get attributes example

jQuery get attributes

getting my title attribute- success.

jQuery Set Attribute

jQuery set attributes example -


jQuery attribute methods

attr( properties ):

$( "img" ).attr({
  src: "/images/jquery.gif",
  title: "free download source code boook",
  alt: "Welcome To pakainfo"

removeAttr( name ):


hasClass( class ):


removeClass( class ):


using text( ):

$(document).ready(function() {
     var title = $("em").attr("title");

Adding attribute in jQuery

Hello friends, today we will get and set the value of the src attribute of the image using jquery in this post! Using jquery, see example together!

To add an attribute in jQuery, you can use the attr() method. This method takes two parameters: the name of the attribute and the value you want to assign to it.

Here’s an example of how to use attr() to add an attribute to an HTML element:

$('#my-button').attr('disabled', 'disabled');

In this example, the attr() method is called on the #my-button element, which is a button. The first parameter is the name of the attribute we want to add, which is disabled. The second parameter is the value we want to assign to the attribute, which is also disabled. This will disable the button so that it cannot be clicked.

If you want to add multiple attributes at once, you can pass an object to the attr() method instead of two parameters. Here’s an example:

  'disabled': 'disabled',
  'data-custom': 'my-data'

In this example, the attr() method is called with an object that contains two key-value pairs. The first key-value pair adds the disabled attribute and assigns it the value disabled, which will disable the button. The second key-value pair adds a custom data-custom attribute and assigns it the value my-data.

I hope you get an idea about Set Content – text(), html(), and val().
I would like to have feedback on my 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.

Leave a Comment