David Meador has Published 171 Articles

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

David Meador

David Meador

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

119 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

121 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

254 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

307 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

195 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

92 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

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

David Meador

David Meador

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

169 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

How to change CSS using jQuery?

David Meador

David Meador

Updated on 10-Dec-2019 07:44:10

535 Views

To change CSS using jQuery, use the jQuery css() method.ExampleYou can try to run the following code to change CSS using jQuery:Live Demo $(document).ready(function(){     $("h2").css("backgroundColor", "red");     $("#myid").css({         "backgroundColor": "gray",         "color": "white"});   ... Read More

Advertisements