David Meador has Published 128 Articles

How to traverse Data Object Model (DOM) nodes using jQuery?

David Meador

David Meador

Updated on 18-Dec-2019 07:11:56

464 Views

jQuery traversing is used to find elements based on what is their relation twith other elements. You need to begin with one selection and move ahead till you the reach the elements you want.jQuery is a very powerful tool which provides a variety of DOM traversal methods to help us ... Read More

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

469 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

621 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

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

David Meador

David Meador

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

506 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

580 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

416 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

Explain jQuery.append(), jQuery.prepend(), jQuery.after() and jQuery.before() methods.

David Meador

David Meador

Updated on 10-Dec-2019 08:52:13

402 Views

jQuery.append()The append( content ) method appends content to the inside of every matched element. Here is the description of all the parameters used by this method −content − Content to insert after each target. This could be HTML or Text contentExampleYou can try to run the following code to learn how ... Read More

Advertisements