Using delegate and undelegate in jQuery, you can bind or remove a handler from the event for all elements that matches the current selector. Basically, these methods achieve the same thing as the jQuery .live() and .die() methods but they just use a different syntax. Syntax of Delegate: $(selector).delegate(childSelector,event,data,function) Example of jQuery Delegate: $(“table”).delegate(“td”, “hover”, […]
The jQuery getScript() method is used to Include multiple js files i.e. load and execute a JavaScript from the server using an AJAX HTTP GET request. The method returns XMLHttpRequest object and the callback is fired once the script has been loaded, but not necessarily executed. Syntax of getScript: $(selector).getScript(url,success(response,status)) $.getScript( “test.js”, function( data, textStatus, […]
jQuery parseJSON() takes a well formed JSON string and then returns the resulting JavaScript value. Prior to jQuery 1.9 version, $.parseJSON returned null value rather than throwing an error if this was passed an empty string, null, or undefined, even though those are not valid JSON. Here are some basic things about JSON: JSON is […]
Using jQuery.getJSON method you can get or load JSON encoded data by an AJAX HTTP GET request. The method returns XMLHttpRequest object. JSON stands for JavaScript Object Notation. So, this is a way of formatting the data to look at loading JSON data using an HTTP GET request (you can also use POST method). Syntax: […]
jQuery.parseXML uses native parsing function of the browser to create a valid XML document. After that this document can then be passed to jQuery for creating a typical jQuery object which can be traversed and manipulated then. This is a easy technique of parsing JSON with jQuery and thought i’d pick this up and show […]
jQuery provides various methods to remove elements from DOM i.e. .empty(), .remove() and .detach(). So lets find out the difference between jQuery .empty(), .remove() and .detach() method. .empty(): jQuery .empty() method removes all the child element of the matched element where remove() method removes set of matched elements from DOM. $( “.content” ).empty(); remove(): jQuery […]
jQuery post() Method loads data from the server using a HTTP POST request. Syntax: $(selector).post(URL, data, function(data,status,xhr), dataType) Example of jQuery post(): $.post( “ajax-master.php”, function( data ) { $( “#result” ).html( data ); }); The above example fetches the requested HTML snippet and inserts it on the page based on ID. Read also: Abort Ajax […]
Using jQuery abort() you can cancel a running AJAX request forcefully before it ends as this hits several times within a short time period. This is usually in cases where the user might perform an action, based on AJAX request several times within a short time period. For example, There is a auto-complete functionality for […]
Using jQuery prop() method you can enable or disable a form element. From jQuery 1.6+ you can use jQuery prop() method. You can enable or disable an elements on a page dynamically with jQuery by setting their attributes accordingly. For jQuery 1.5 and below the .prop() function doesn’t exist, but .attr() method does similar thing. […]
The basic concept of jQuery is to select one or more elements using element ID, Class, Attribute, Compound CSS Selector and do something with them. Let’s see how to select an element with multiple classes. For simple selection you can use following code as below. Selecting Elements by ID: $( “#Id” ); Selecting Elements by […]