- 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 766 Articles for JQuery
11K+ Views
To validate email using jQuery, use the regex pattern. You can try to run the following code to learn how to validate email using jQuery −ExampleLive Demo $(document).ready(function() { $('.error').hide(); $('#submit').click(function(){ var name = $('#name').val(); var email = $('#email').val(); if(name== ''){ $('#name').next().show(); return false; } if(email== ''){ ... Read More
291 Views
The jQuery: checked selector can be used in conjugation with the val() to find the value of certain radio button as,$('input[name=radioName]:checked').val()In your query this can be implemented as −Example Live Demo $(document).ready(function() { $("input[type='button']").click(function() { var radioValue = $("input[name='q1']:checked").val(); if(radioValue) { alert("You select - " + radioValue); } }); }); Select a number: 1 2 3
31K+ Views
At first you have to make a html form like. Validation of a form First name: Last name: Email: Now use jQuery validation plugin to validate forms' data in easier way.first, add jQuery library in your file. then add javascript code: $(document).ready(function() { $("#form").validate(); }); Then to define rules use simple syntax.jQuery(document).ready(function() { jQuery("#forms).validate({ rules: { firstname: 'required', lastname: 'required', u_email: { required: true, ... Read More
771 Views
To select all children from a parent in jQuery, use the find() method. You can try to run the following code to select ALL children in any level −ExampleLive Demo .myclass * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } $(document).ready(function(){ $('ul').find('*').css({"color": "red", "border": "2px solid green"}); }); div - great-grandparent ul li- child - level 1 ul- child - level 2 li- child - level 3 li- child - level 3
418 Views
JSON or JavaScript Object Notation is a lightweight text-based open standard designed for human-readable data interchange. Use the JSON.stringify() method to convert a JavaScript object into a string.You can try to run the following code to learn how to work with JSON.stringify() method −ExampleLive Demo JSON string is created above var v = { "name":"Amit", "Rank":1, "city":"India"}; var newJSON = JSON.stringify(v); document.getElementById("test").innerHTML = newJSON;
3K+ Views
The preventDefault() method stops the default action of a selected element from happening by a user. This method does not accept any parameter and works in two ways:It prevents a link from following the URL so that the browser can't go another page.It prevents a submit button from submitting a form.Example $(document).ready(function() { $("a").click(function(event) { event.preventDefault(); }); }); Tutorialspoint.com Click the link and it wont work.
226 Views
To increase the duration of jQuery effects, set the optional speed parameter. The values include, slow, fast, milliseconds, etc. The fast value is used to increase the duration.Let us see an example with fadeIn() jQuery method. The fadeIn( ) method fades in all matched elements by adjusting their opacity and firing an optional callback after completion. Here is the description of all the parameters used by this method −speed − A string representing one of the three predefined speeds ("slow", "def", or "fast") or the number of milliseconds to run the animation (e.g. 1000).callback − This is optional parameter representing ... Read More
118 Views
For hiding and showing the div, you can use hide and show method.For hiding$('#id1').hide();For showing$('#id1').show();Example showhide $(document).ready(function () { $('#btn1').click(function () { $('#id1').hide(); }); $('#btn2').click(function () { $('#id1').show(); }); }); I Am A Simple Paragraph Hide Show MethodDescriptionanimate()Runs a custom animation on the selected elementsclearQueue()Removes all remaining queued functions ... Read More
2K+ Views
To adjust the height of iframe, use the jQuery height() method. You can try to run the following code to adjust height of iframe dynamically on button click:ExampleLive Demo $(document).ready(function(){ $("button").click(function(){ $("iframe").height(300); }); }); Change Height