
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- 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 730 Articles for JQuery

7K+ Views
To retrieve data from JSON file using jQuery and Ajax, use the jQuery.getJSON( url, [data], [callback] )The jQuery.getJSON( url, [data], [callback] ) method loads JSON data from the server using a GET HTTP request.Here is the description of all the parameters used by this method −url − A string containing the URL to which the request is sentdata − This optional parameter represents key/value pairs that will be sent to the server.callback − This optional parameter represents a function to be executed whenever the data is loaded successfully.Let’s say we have the following JSON content in result.json file −{ "name": "John", "age" : ... Read More

18K+ Views
To load JSON data using jQuery, use the getJSON() and ajax() method. The jQuery.getJSON( ) method loads JSON data from the server using a GET HTTP request.Here is the description of all the parameters used by this method −url − A string containing the URL to which the request is sentdata − This optional parameter represents key/value pairs that will be sent to the server.callback − This optional parameter represents a function to be executed whenever the data is loaded successfully.Add your JSON content in result.json file −{ "name": "Amit", "age" : "27", "sex": "male" }The following is a code snippet showing the ... Read More

969 Views
To set the background image using jQuery, use the jQuery css() method.ExampleUse the background-image property to add background image to the web page.Live Demo $(document).ready(function(){ $(".bg").css("background-image", "url('/css/images/css.jpg')"); });

39 Views
To load an external HTML into using jQuery, use the attr() method. In that set the source for iframe. You can try to run the following code to learn how to locate external HTML −ExampleLive Demo $(document).ready(function(){ $('#iframe').attr('src', 'https://www.qries.com'); });

3K+ Views
To change the background image using jQuery, use the jQuery css() method. The background-image CSS property is used to change background image.ExampleYou can try to run the following code to learn how to change background image using jQuery:Live Demo $(document).ready(function(){ $("body").on({ mouseenter: function(){ $(this).css("background-image", "url('/css/images/css.jpg')"); }, }); }); Move the mouse pointer on the page to change the background image.

386 Views
jQuery on() methodThe on( events [, selector ] [, data ], handler ) method binds a handler to an event (like click) for all current − and future − matched element. It can also bind custom events.Here is the description of all the parameters used by this method −events − Event types separated by spaces.selector − A Selector Stringdata − Data to be passed to the event handler in event.datahandler − A function to bind to the event on each of the set of matched elementsExampleYou can try to run the following code to learn how to work with on() method − ... Read More

604 Views
To disable a particular jQuery event, use the jQuery off() method. You can try to run the following code to learn how to disable a particular jQuery event on a page −ExampleLive Demo $(document).ready(function(){ $("p").on("click", function(){ alert("You clicked it!"); }); $("button").click(function(){ $("p").off("click"); }); }); Click me Click above to generate an alert box. Click the below button to remove namespace, which won’t generate an alert box. Remove Event

7K+ Views
To submit a form using jQuery click event, you need to detect the submit event. Let’s submit a form using click event and without using click event.ExampleYou can try to run the following code to learn how to submit a form using jQuery click event −Live Demo $(document).ready(function(){ $(function() { $('#submit1').click(function(e) { e.preventDefault(); $("#Demo").submit(); }); $('#submit2').click(function(e) { e.preventDefault(); $("#Demo").submit(); }); }); }); Team Submit

6K+ Views
To set the background color using jQuery, use the jQuery css() property. We will set background color on mouse hover with the jQuery on() method.ExampleYou can try to run the following color to set background color in jQuery.Live Demo $(document).ready(function(){ $("body").on({ mouseenter: function(){ $(this).css("background-color", "gray"); }, }); }); Move the mouse pointer on the page to change the background color.

10K+ Views
To change the background color using jQuery, use the jQuery css() property. We will change background color on mouse hover with the jQuery on() and css() method. ExampleYou can try to run the following code to learn how to change background color using jQuery:Live Demo $(document).ready(function(){ $("body").on({ mouseenter: function(){ $(this).css("background-color", "gray"); }, mouseleave: function(){ $(this).css("background-color", "red"); }, dblclick: function(){ $(this).css("background-color", "yellow"); } }); }); Double click and move the mouse pointer to change the background color.