- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How can I add an attribute into specific HTML tags in jQuery?
Use the attr() method to add an attribute into specific HTML tags in jQuery.
Example
You can try to run the following code to learn how to add an attribute into specific HTML tags:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).ready(function(){
$("button.button1").attr("myid", "myvalue");
$('button').on('click', function() {
if (this.hasAttribute("myid")) {
alert('True: The new attribute added successfully.')
} else {
alert('False')
}
})
});
});
</script>
</head>
<body>
<button class='button1'>
Button 1
</button>
</body>
</html>
- Related Articles
- How can I select an element by its ID attribute using jQuery?
- How can I show and hide an HTML element using jQuery?
- How to add display:none in an HTML element using jQuery?
- How to add attributes to an HTML element in jQuery?
- How to add CSS rules into an HTML document
- Remove and add new HTML Tags with JavaScript?
- Where should I put tags in HTML markup?
- How to get an attribute value in jQuery?
- How can I add video to site background in HTML 5?
- How can I add an image on EditText?
- How can I select an element with multiple classes in jQuery?
- How to select element with specific class and title attribute using jQuery?
- How to add jQuery code to HTML file?
- How can I select an element by name with jQuery?
- How can I add an image on EditText in Android?
Advertisements