Tuesday, February 28, 2017

jQuery - Overview

What is jQuery?

jQuery is a fast and concise JavaScript Library created by John Resig in 2006 with a nice motto − Write less, do more.
jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

jQuery - Basics

jQuery is a framework built using JavaScript capabilities. So while developing your applications using jQuery, you can use all the functions and other capabilities available in JavaScript.
This chapter would explain most basic concepts but frequently used in jQuery based applications.

jQuery - Selectors

The jQuery library harnesses the power of Cascading Style Sheets (CSS) selectors to let us quickly and easily access elements or groups of elements in the Document Object Model (DOM).
A jQuery Selector is a function which makes use of expressions to find out matching elements from a DOM based on the given criteria.

jQuery - Attributes

Some of the most basic components we can manipulate when it comes to DOM elements are the properties and attributes assigned to those elements.
Most of these attributes are available through JavaScript as DOM node properties. Some of the more common properties are −

jQuery - DOM Traversing

jQuery is a very powerful tool which provides a variety of DOM traversal methods to help us select elements in a document randomly as well as in sequential method.
Most of the DOM Traversal Methods do not modify the jQuery object and they are used to filter out elements from a document based on given conditions.

jQuery - CSS Selectors Methods

The jQuery library supports nearly all of the selectors included in Cascading Style Sheet (CSS) specifications 1 through 3, as outlined on the World Wide Web Consortium's site.
Using JQuery library developers can enhance their websites without worrying about browsers and their versions as long as the browsers have JavaScript enabled.

jQuery - DOM Manipulation

JQuery provides methods to manipulate DOM in efficient way. You do not need to write big code to modify the value of any element's attribute or to extract HTML code from a paragraph or division.
JQuery provides methods such as .attr(), .html(), and .val() which act as getters, retrieving information from DOM elements for later use.

jQuery - Events Handling

We have the ability to create dynamic web pages by using events. Events are actions that can be detected by your Web Application.
Following are the examples events −

jQuery - Ajax

AJAX is an acronym standing for Asynchronous JavaScript and XML and this technology help us to load data from the server without a browser page refresh.
If you are new with AJAX, I would recommend you go through our Ajax Tutorial before proceeding further.
JQuery is a great tool which provides a rich set of AJAX methods to develop next generation web application.

jQuery - Effects

jQuery provides a trivially simple interface for doing various kind of amazing effects. jQuery methods allow us to quickly apply commonly used effects with a minimum configuration.
This tutorial covers all the important jQuery methods to create visual effects.

jQuery - Interactions

Interactions could be added basic mouse-based behaviours to any element. Using with interactions, We can create sortable lists, resizeable elements, drag & drop behaviours.Interactions also make great building blocks for more complex widgets and applications.

jQuery - Widgets

a jQuery UI widget is a specialized jQuery plug-in.Using plug-in, we can apply behaviours to the elements. However, plug-ins lack some built-in capabilities, such as a way to associate data with its elements, expose methods, merge options with defaults, and control the plug-in's lifetime.

jQuery - Theming

Jquery has two different styling themes as A And B.Each with different colors for buttons, bars, content blocks, and so on.
The syntax of J query theming as shown below
<div data-role = "page" data-theme = "a|b">
A Simple of A theming Example as shown below
<!DOCTYPE html>
<html>

jQuery - Utilities

Jquery provides serveral utilities in the formate of $(name space). These methods are helpful to complete the programming tasks.a few of the utility methods are as show below.

jQuery - Plugins

A plug-in is piece of code written in a standard JavaScript file. These files provide useful jQuery methods which can be used along with jQuery library methods.
There are plenty of jQuery plug-in available which you can download from repository link at https://jquery.com/plugins.

jQuery - Page Pilling

pagePiling.js is a jQuery plug-in for 'piling' your layout sections over one another and accessing them by scrolling.
A Simple of theming example as shown below
<!DOCTYPE html>
<html xmlns = "https://www.w3.org/1999/xhtml">

jQuery - flickerplate

Flickerplate is a jQuery plugin for creating a slider which allows you cycle through images with animated arrows and dots navigation.
A Simple of flickerplate example as shown below −
<!DOCTYPE html>
<html>

jQuery - Multiscroll.js

multiscroll.js is a jQuery plugin for creating split pages with two vertical scrolling panels.
A Simple of multiscroll example as shown below
<!DOCTYPE html>
<html xmlns = "https://www.w3.org/1999/xhtml">

jQuery - Slidebar.js

Slidebars is a jQuery plugin for quickly and easily implementing app style off-canvas menus and sidebars into your website.
A Simple of slidebar example as shown below
<!doctype html>
<html>

jQuery - Rowgrid.js

Rowgrid.js is a jQuery plugin for showing images in a row.
A Simple of rowgrid example as shown below
<!doctype html>
<html lang = "en">

jQuery - Alertify.js

Alertify.js is a jQuery plugin for showing alert messages in different format
A Simple of alertify example as shown below
<!doctype html>
<html lang = "en">

jQuery - Progressbar.js

Progressbar.js is a jQuery plugin for showing progress bar
A Simple of progressbar example as shown below
<!doctype html>
<html>

jQuery - Slideshow.js

Slideshow.js is a jQuery plugin for quickly and easily implementing slide show of images or videos into your website.
A Simple of slide show example as shown below
<html xmlns = "https://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en">

jQuery - Drawsvg.js

Drawsvg.js is a jQuery plugin to draw svg images
A Simple of drawsvg example as shown below
<!DOCTYPE html>
<html lang = "en">

jQuery - Tagsort.js

Tagsort.is a jQuery plugin for showing tags.
A Simple of tagsort Example as shown below
<!DOCTYPE html>
<html lang = "en">

jQuery - Logosdistort.js

Logosdistort.js is a jQuery plugin for quickly and easily implementing of mouse over effect on images
A Simple of logosdistort example as shown below
<!DOCTYPE html>
<html>

jQuery - Filer.js

Filer.js is a jQuery plugin for quickly and easily implementing of uploading files.
A Simple of filer.js example as shown below
<html xmlns = "https://www.w3.org/1999/xhtml">

jQuery - Whatsnearby.js

Whatsnearby.js is a jQuery plugin for quickly find the nearest places.
A Simple of whatsnearby.js example as shown below
<!DOCTYPE html>
<html>

jQuery - Checkout.js

Checkout.js is a jQuery plugin for easy to implementation of check out for e-commerce websites.
A Simple of checkout.js example as shown below
<html xmlns = "https://www.w3.org/1999/xhtml">

jQuery - Blockrain.js

Blockrain.js is a jQuery plugin for lets you embed the classic Tetris game on your website.
A Simple of blockrain example as shown below
<!DOCTYPE html>
<html>

jQuery - Producttour.js

Producttour.js is a jQuery plugin for quickly and easily implementing of help guide into your website.
A Simple of producttour.js example as shown below
<!doctype html>
<html lang = "en" class = "no-js">

jQuery - Megadropdown.js

Megadropdown.js is a jQuery plugin for easy and quickly implementing of drop down menu.
Example of Drop down menu as shown below
<!doctype html>
<html lang = "en" class = "no-js">

jQuery - Weather.js

Weather.js is a jQuery plugin to find the information about weather details.
A Simple of Weather.js example as shown below
<!DOCTYPE html>
<html lang = "en">

jQuery - Questions & Answers

jQuery Questions and Answers has been designed with a special intention of helping students and professionals preparing for various Certification Exams and Job Interviews. This section provides a useful collection of sample Interview Questions and Multiple Choice Questions (MCQs) and their answers with appropriate explanations.

jQuery - Quick Guide

jQuery - Overview

What is jQuery?

jQuery is a fast and concise JavaScript Library created by John Resig in 2006 with a nice motto − Write less, do more.
jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.

jQuery - Useful Resources

The following resources contain additional information on jQuery. Please use them to get more in-depth knowledge on this topic.

Discuss jQuery

jQuery is a fast and concise JavaScript library created by John Resig in 2006. jQuery simplifies HTML document traversing, event handling, animating, and Ajax interactions for Rapid Web Development.