David Meador has Published 164 Articles

How to filter object array based on attributes in jQuery?

David Meador

David Meador

Updated on 18-Dec-2019 07:10:59

1K+ Views

To filter object array based on attributes in jQuery, use the map() method with JSON.ExampleYou can try to run the following code to learn how to filter object array based on attributes in jQuery, Live Demo $(document).ready(function(){    $(document).ready(function(){     var json ={"DEPARTMENT": [   ... Read More

What is the difference between jQuery.children( ) and jQuery.siblings( ) in jQuery?

David Meador

David Meador

Updated on 17-Dec-2019 10:23:52

286 Views

jQuery children() methodThe children( [selector] ) method gets a set of elements containing all of the unique immediate children of each of the matched set of elements.Here is the description of all the parameters used by this method −selector − This is an optional argument to filter out all the childrens. ... Read More

What is the difference between jQuery.map() and jQuery.grep() Functions in jQuery?

David Meador

David Meador

Updated on 17-Dec-2019 10:21:43

378 Views

The jQuery map function translates a set of elements in the jQuery object into another set of values in a jQuery array which may, or may not contain elements. The grep() function is used to find an element of an array. The difference is we use $.grep to filter an ... Read More

How to insert content after each of the matched elements using jQuery?

David Meador

David Meador

Updated on 17-Dec-2019 07:12:28

130 Views

To insert content after each of the matched elements using jQuery, use the after() method.The after( content ) method inserts content after each of the matched elements. Here is the description of all the parameters used by this method −content − Content to insert after each target. This could be HTML ... Read More

How to use jQuery.toggle() method in jQuery?

David Meador

David Meador

Updated on 12-Dec-2019 08:57:49

138 Views

The toggle() method toggles displaying each of the set of matched elements.ExampleYou can try to run the following code to learn how to work with jQuery.toggle() method:Live Demo           jQuery toggle() method                       ... Read More

What is the difference between jQuery.show() and jQuery.hide()?

David Meador

David Meador

Updated on 12-Dec-2019 08:38:09

271 Views

jQuery show() methodThe show( speed, [callback] ) method shows all matched elements using a graceful animation 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", "normal", or "fast") or the ... Read More

How animate(), hide and show elements using jQuery?

David Meador

David Meador

Updated on 12-Dec-2019 08:34:30

3K+ Views

Use the hide() and show() method with animate() to hide and show elements.ExampleYou can try to run the following code to learn how to work with animate() method to hide and show elements:Live Demo $(document).ready(function(){     $("#btn1").click(function(){         $("#box").animate({height: "300px"}, 500, function() ... Read More

What is the difference between jQuery.size() and jQuery.length?

David Meador

David Meador

Updated on 12-Dec-2019 08:29:42

329 Views

jQuery.size() methodThis method returns the number of elements in the object. The size() method deprecated in jQuery 1.8 and completely removed in jQuery 3.0. As an alternative, the length property is used.ExampleYou can try to run the following code to learn how to work with size() method.Note: To run the ... Read More

What is the difference between Ajax and jQuery-Ajax methods in jQuery?

David Meador

David Meador

Updated on 12-Dec-2019 08:25:12

1K+ Views

Firstly, let’s go through what is Ajax and why it is used.AJAXAJAX stands for Asynchronous JavaScript and XML. AJAX is a new technique for creating better, faster, and more interactive web applications with the help of XML, HTML, CSS, and Java Script.It has the following points, which shows its importance.AJAX ... Read More

What is the difference between jQuery and AngularJS?

David Meador

David Meador

Updated on 12-Dec-2019 08:23:17

214 Views

AngularJS is an open source web application framework. It was originally developed in 2009 by Misko Hevery and Adam Abrons. It is now maintained by Google. Its latest version is 1.4.3.The following are the features of AngularJS:AngularJS is a powerful JavaScript based development framework to create RICH Internet Application(RIA).AngularJS provides ... Read More

Advertisements