David Meador has Published 163 Articles

How to filter object array based on attributes in jQuery?

David Meador

David Meador

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

2K+ 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

407 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

549 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

199 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

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

David Meador

David Meador

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

416 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

4K+ 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

488 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

359 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

What are the options for jQuery Animated Effects?

David Meador

David Meador

Updated on 12-Dec-2019 07:53:30

167 Views

jQuery animated effected can be achieved with methods such as animate, slideDown(), slideToggle(), etc. This created an animation effect in an HTML web page using jQuery. The following table lists down some of the important methods to create different kind of effects:S. NoMethods & Description1.animate( params, [duration, easing, callback] )A ... Read More

Advertisements