Tutorials on ASP.NET Core, Blazor, jQuery, JavaScript, Entity Framework, Identity, WordPress, SQL, HTML & more


jQuery Val Method – .val() – Complete Usage Guide with Codes

Last Updated: June 4, 2021

jquery val

The jQuery Val method is the most used method which either returns or sets the value attribute of the selected elements.

(more…)

Learning jQuery Hover Event – .hover()

Last Updated: June 4, 2021

jquery hover

The jQuery Hover event - .hover() is fired whenever mouse pointer is placed over an element. The .hover() event triggers both mouseenter & mouseleave events.

(more…)

Multiple ways of using jQuery On Method – .on() – in your website

Last Updated: June 4, 2021

jquery on

The jQuery On - .on() attaches one or more event handlers to selected elements. You can use .on() to attach event handlers for both current and dynamically generated elements.

(more…)

Understanding the jQuery scrollTop Method with Examples

Last Updated: June 4, 2021

jquery scrolltop

If you are working with vertical scrollbar of an element then the jQuery scrollTop method is built for you. From this method you can either set the position of scrollbar, or can get the scrollbar's position. Remember, if the scrollbar is at the top then scrollTop() will return 0.

(more…)

How to use jQuery Click Event .click() and stop Event Bubbling

Last Updated: June 4, 2021

jquery click

The jQuery Click event - .click() is fired whenever an element is clicked.

(more…)

Understanding jQuery Mousemove Event – .mousemove()

Last Updated: June 4, 2021

jquery mousemove

The jQuery Mousemove event provides real time X and Y coordinates of the mouse pointer. You can use it to find the current position of your mouse.

(more…)

What is jQuery CDN and how you can use it in your website

Last Updated: January 21, 2023

jquery cdn

The jQuery CDN is a way to include jQuery in your website without actually downloading and keeping it your website’s folder. There are a number of jQuery CDNs which you can use, examples - Google, Microsoft, Cloudflare, jQuery own CDN & more.

(more…)

Select Elements with their Index using jQuery Eq Method – .eq()

Last Updated: June 4, 2021

jquery eq

The jQuery Eq method is used to select elements by their index. The index in jQuery always starts with 0.

(more…)

jQuery fadeIn & fadeOut Methods

Last Updated: June 4, 2021

jquery fadein fadeout

jQuery has 2 fading methods which are .fadeIn() and .fadeOut().

The fadeIn method displays the element by fading it to opaque.
The fadeOut method hides the element by fading it to transparent.

Note – jQuery does the fading by changing the opacity of the element.

(more…)

jQuery Datepicker 2 minutes Tutorial – before you start using it in your website

Last Updated: June 4, 2021

jquery datepicker

If you want to let users select a Date from a calendar, for your input control, then use jQuery Datepicker plugin. The Datepicker (which is actually a calendar) will show in a small popup when the input control gets the focus and will close when the input control loses focus.

(more…)