jQuery Mouse Events

When the users move the mouse pointer or click some element then the mouse event fires. To handle the mouse events here are some jQuery methods: 1) The click() Method An event handler function is attached to an HTML element by the click() method and that function...

jQuery Keyboard Events

When the user press or release a key on the keyboard then the keyboard event fires. Here are some jQuery methods to handle the keyboard events. 1) The keypress() Method: When a keyboard button is pressed down then the jQuery keypress () event occurs and that keypess...

jQuery Form Events

When a form control receives or loses focus or when form control value is modified by the user such as by typing text in a text input, select any option in a select box etc. then the form event fires. To handle the form events here are some methods. 1) The change()...

jQuery Document/Window Events

When the user resizes or scrolls the browser window then the events triggers. Here are some jQuery methods to handle the document/ window events: 1) The ready() Method JQuery ready() method is used to specify when a ready event occur. Ready even occurs after the...

jQuery hide/show Effect

jQuery provides a interface for doing various kind of amazing effects like Slide, Fade, Hide, Show, Toggle Effects and Animate. jQuery hide() and show() Using the jQuery show() and hide() methods, you can show and hide the HTML elements. Syntax:...

jQuery Fading Effect

jQuery Fade Using jQuery, you can fade elemnts in and out of visibility. You can change the opacity level of elements from invisible state to visible state or visible state to invisible state. Here are some fade methods: fadeIn() fadeOut() fadeToggle() fadeTo() jQuery...

jQuery Sliding Effect

jQuery slide is used to slides the element out of the viewport. Here are some slide methods: slideDown() slideUp() slideToggle() jQuery slideDown() slideDown() method of jQuery is used to slide down an element. Syntax: $(selector).slideDown(speed, callback);...

jQuery Animation Effect

The jQuery animate() method is a way to create custom animations. The jQuery animate() method is used to animate numeric properties of CSS. Syntax: $(selector).animate({params}, speed, callback); 123  $(selector).animate({params}, speed, callback); ...

jQuery Stop Effect

The jQuery stop() method is used to stop the jQuery animation or effect before it is finished. The jQuery stop() method works for all jQuery effects like: custom animations, fading and sliding. Syntax: $(selector).stop(stopAll,goToEnd); 123...

Introduction to DOM manipulation

Manipulation of DOM is one of the most important aspects of jQuery and thereby JavaScript. DOM stands for Document Object Model. It is a manipulation of interacting and representing with XML, HTML or XHTML documents. Using DOM, you can manipulate and navigate your...

Getting and setting content

Retrieving and setting text, values and HTML is the simplest aspect of manipulation of DOM. It seems same but they’re not. There are text(), html() and val() methods. jQuery html() method Using the jQuery HTML method, you can change the entire content of the...

jQuery Add

Using the jQuery, it is easy to add new content. Here are four jQuery methods to add new content: append() prepend() after() before() 123456  append()prepend()after()before()  jQuery append() Method The jQuery append() method is used to insert the content at...

jQuery Remove

Using the jQuery, it is easy to remove the existing HTML content. There are two jQuery methods to remove the content: remove() empty() 1234  remove()empty()  jQuery remove() Method The jQuery remove() method is used to remove the selected element(s) and its...

jQuery CSS Classes

Using the jQuery CSS classes, it is easy to manipulate the CSS of elements. jQuery has several methods for CSS manipulation. These are as follows: addClass() removeClass() toggleClass() css() 123456  addClass()removeClass()toggleClass()css()  jQuery...

jQuery CSS() Method

Using the jQuery css() method, you can set or return the one or more style properties for the selected elements. Here are the two ways to provide jQuery css() method: Set a CSS property urn a CSS property 1234  Set a CSS propertyurn a CSS property  Set a CSS...

Introduction to AJAX

AJAX stands for Asynchronous JavaScript and XML. In AJAX, the data is loaded in the background and displayed on the webpage. In this process, you don’t need to reload the whole page. JavaScript have the features to send the asynchronous http request using...

jQuery load() Method

jQuery load() method is a powerful AJAX method used for loading data asynchronously. The load() method loads HTML or text content from a server and added into a DOM element. Syntax: $(selector).load(URL,data,callback); 123...

jQuery Get()/Post() Methods

The jQuery get() and post() methods is used to send a HTTP request to a page and get the result back from the web server. GET and POST are the two common methods that are used for a request-response between a client and server. GET – Get is used to request the...

Javascript Tutorial

This JavaScript tutorial helps beginners and professionals to learn JavaScript easily. What is JavaScript JavaScript is a dynamic computer programming language. It is object-based scripting language i.e. lightweight and cross-platform. We can make our web page more...

Javascript Example

<!DOCTYPE html>   <html>   <body>   <h2>Welcome to JavaScript</h2>   <script>   document.write("Hello Friends");   </script>   </body>   </html> 1234567891011...

Pin It on Pinterest