- 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 8895 Articles for Front End Technology
2K+ Views
Use jQuery hasAttribute() method to see if there is an attribute for an element.ExampleYou can try to run the following code to learn how to use hasAttribute() method:Live Demo $(document).ready(function(){ $('button').on('click', function() { if (this.hasAttribute("style")) { alert('True') } else { alert('False') } }) }); Check for attribute in the button element Button Button 2
866 Views
To make jQuery attribute selector case insensitive, create two buttons and manipulate the input with attribute selector.ExampleYou can try to run the following code to make jQuery attribute selector case insensitive:Live Demo $(document).ready(function(){ $("button").click(function(){ $( "input[name*='myclass' i]" ).css("background-color", "yellow"); }); $("#insensitive").click(function(){ $( "input[name*='myclass' i]" ).css("background-color", "blue"); }); // myclass input blue $("#sensitive").click(function(){ $( "input[name*='myclass']" ).css("background-color", "blue"); }); }); Case insensitive Case sensitive
3K+ Views
Yes, it is possible to pass a variable into a jQuery attribute-contains selector. The [attribute*=value] selector is used to select each element with a specific attribute and a value containing a string.ExampleYou can try to run the following code to learn how to pass a variable into a jQuery attribute-contains selector:Live Demo $(function() { var testString = "vp-485858383"; $('[data-vp*="id: ' + testString + '"]').css('color', 'blue'); }); Hello World
319 Views
The switchClass() is used to switch class from an element. Use it, to replace one class with another. Add jQuery UI library to the web page to use switchClass().ExampleYou can try to run the following code to learn how to work with switch class −Live Demo $(document).ready(function(){ $("a").click(function(){ $("a.active").removeClass("active"); $(this).addClass("active"); }); }); ... Read More
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.
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?
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
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
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
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