- 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
Found 10711 Articles for Web Development
![Amit D](https://www.tutorialspoint.com/assets/profiles/13349/profile/60_63530-1512538715.jpg)
82 Views
To add a class on click of anchor tag using jQuery, use the addClass() method. To remove a class, use the removeClass() method.ExampleYou can try to run the following code to learn how to remove a class using jQuery −Live Demo $(document).ready(function(){ $("a").click(function(){ $("a.active").removeClass("active"); $(this).addClass("active"); }); }); .active { font-size: 22px; } One Two Click any of the link above and you can see the changes.
![David Meador](https://www.tutorialspoint.com/assets/profiles/13351/profile/60_165994-1512670078.jpg)
98 Views
The hasClass() method is used to check if an element has a class. You can try to run the following code to learn how to use hasClass() method in jQuery −ExampleLive Demo $(document).ready(function(){ $("button").click(function(){ alert($("h1").hasClass("myclass")); }); }); .myclass { color: blue; } Heading This is demo text. Check: The h1 element has 'myclass' class?
![David Meador](https://www.tutorialspoint.com/assets/profiles/13351/profile/60_165994-1512670078.jpg)
11K+ Views
To get a form value with jQuery, you need to use the val() function. To set a form value with jQuery, you need to use the val() function, but to pass it a new value.ExampleYou can try to run the following code to learn how to get and set form element values with jQuery −Live Demo $(document).ready(function(){ $("#buttonSet").click(function () { $("#txtBox").val("Amit"); $("input:radio").val(["male"]); $("#buttonGet").removeAttr('disabled'); }); $("#buttonGet").click(function () { $("#result").html( $("#txtBox").val() + "" + $("input:radio[name=rd]:checked").val() ); }); }); Name Gender Male Female
![David Meador](https://www.tutorialspoint.com/assets/profiles/13351/profile/60_165994-1512670078.jpg)
7K+ Views
To get the closest input value from clicked element with jQuery, follow the steps −You need to use closest to find the closest ancestor matching the given.Now, find the input with the given name using the attribute equals selector.The last step is to use val() metjod to retrieve the value of the input.Let’s first see how to add jQuery −ExampleYou can try to run the following code to get closest input value from clicked element with jQuery −Live Demo $(document).ready(function(){ ... Read More
![David Meador](https://www.tutorialspoint.com/assets/profiles/13351/profile/60_165994-1512670078.jpg)
864 Views
To get the input value of the first matched element using jQuery, use the .first() method.ExampleYou can try to run the following code to get the input value of the first matched element using jQuery −Live Demo $(document).ready(function(){ $( "li" ).first().css( "background-color", "blue" ); }); One Two Three Four
![David Meador](https://www.tutorialspoint.com/assets/profiles/13351/profile/60_165994-1512670078.jpg)
392 Views
jQuery comes with a lot of methods to manipulate attributes. These are DOM related methods. The attributes include, text() and html() too,text() – This method sets or returns the text content of elements selected.html() – This method sets or returns the content of elements selected.ExampleYou can try to run the following code to learn how to manipulate attributes with text() and html() methods −Live Demo $(document).ready(function(){ $("#button1").click(function(){ alert("Using text()- " + $("#demo").text()); }); $("#button2").click(function(){ alert("Using html()- " + $("#demo").html()); }); }); This is demo text. Text HTML
![David Meador](https://www.tutorialspoint.com/assets/profiles/13351/profile/60_165994-1512670078.jpg)
330 Views
To get the text contents of all matched elements using jQuery, use the text() method. You can try to run the following code to get text contents of all matched elements using jQuery −ExampleLive Demo The Selector Example $(document).ready(function() { $("#button1").click(function(){ var content = $("#pid2").text(); alert(content); }); }); .red { color:red; } .green { color:green; } This is first paragraph. This is second paragraph. Get
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
3K+ Views
To get the content of div which contains JavaScript script blocks, use the html() method. You can try to run the following code to get the content. With html(), get the content of div, which includes the JavaScript script.ExampleLive Demo $(document).ready(function(){ $("#button1").click(function(){ alert($("#demo").html()); }); }); This is demo text. This is JavaScript Get
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
3K+ Views
To get the innerHTML of a div tag in jQuery, use the class with innerHTML. You can try to run the following code to learn how to get innerHTML of a div tag using jQuery −ExampleLive Demo $(document).ready(function(){ $("#button1").click(function(){ var one = $('.a').innerHTML; alert(one); }); }); Value one Get
![Ricky Barnes](https://www.tutorialspoint.com/assets/profiles/13354/profile/60_84969-1512590781.jpg)
2K+ Views
To replace innerHTML of a div tag, use the html() method. The dot notation calls the html() method to replace the inner html with the parameter placed between, i.e. Demo here. The html() here modifies the .innerhtml.ExampleYou can try to run the following code to to replace innerHTML of a div tag using jQuery −Live Demo $( document ).ready(function() { $('.myclass').html('Demo'); }); Hello World