Thursday, October 22FreeJQuery

Tag: jQuery

Quttons: Buttons made of Quantum Paper with jQuery
jQuery, jQuery Plugins

Quttons: Buttons made of Quantum Paper with jQuery

Today in this article we will discuss the plugin that will help you to hide any div behind a Quantum [Paper] Button or Qutton. The jQuery plugins is an easy way to add multitasking function on your site. Quantum Paper is a digital paper that can change its size, shape, and color to accommodate new content. Quantum paper is part of Google's Material Design.Read More | Demo | Download 
Date Paginator for Bootstrap
Bootstrap

Date Paginator for Bootstrap

Date Paginator Date Paginator can be used paginator with date and time instead of the normal pagination technique. It works only with bootstrap. In this process creating a hugely simplified and standard way to paging date based results in your application.Read More | Demo | Download
Bootstrap File Input with ajax and jQuery
Ajax, Bootstrap

Bootstrap File Input with ajax and jQuery

Bootstrap file input with file preview for various files offers multiple selections and more.This plugin allows a simple way of doing advanced file picker/upload control built to work especially with Bootstrap CSS3 styles. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. images, text, HTML, video, audio, flash, and objects.In addition, it includes AJAX based uploads, dragging & dropping files, viewing upload progress, and selectively previewing, adding, or deleting files.Read More | Demo | DownloadBootstrap File Input with Ajax and jQuery Plugin Demo Image
Ajax jQuery delete data without refresh with animation effect
Ajax

Ajax jQuery delete data without refresh with animation effect

With the help of jquery effects, we can easily delete data without going to another page. In this Ajax jQuery delete data without refresh with animation effect tutorial, we are going to how to delete data without refresh i.e. delete the data from the database as well as from webpage without page refresh. In this tutorial, we are going to take advantage of Ajax to do this task. We also going to add some animation effect to it. Ajax jquery delete data without refresh the page Like we have on facebook or twitter, where comments or tweets are deleted without refresh we are going to do the same. It’s similar to like deleting the comment without taking a user to other pages. Deleting the data on the same page.First, we are going to create a database. Add a table to the database as given ...
Best way to use jQuery Effects – Hide and Show
jQuery Effects

Best way to use jQuery Effects – Hide and Show

The jQuery library provides several techniques for adding animation to a web page. The best way to use jQuery effects - Hide and Show effects which will provide to do various kind of amazing effects with a web interface. The jQuery API has many jQuery methods allow us to quickly apply commonly used effects, the jQuery effects. This tutorial deals with important jQuery effects which will show you the best way to use jQuery effects - Hide and Show. Showing and Hiding Elements with jQuery There are following two functions, hide() and show() for showing and hiding any DOM elements (DOM element is something like a DIV, HTML, BODY element on a page). Syntax: .show( duration [, easing ] [, complete ] )  .hide( duration [, easing ] [, complete ] )Where the meanings are:duration ...
How to use jQuery API
API

How to use jQuery API

In the introduction of jQuery, we told that jquery is the collections of scripts written in JavaScript to perform various task including the document traversal and manipulation, event handling, animation etc. We also expressed some of the benefits of using the jquery libraries.  Now we are talking how to utilize the features of jquery and jquery API. Including the jQuery Library To use a jQuery library, we have to first include it on our web page or link it. The jQuery library is a single JavaScript file which contains all – common DOM, event, effects, and Ajax functions. To take advantage of it just download the javascript file of jquery from the website. After downloading the file, call it on your page. <script type="text/javascript" src="jquery.js"></script> Alternativel...
How to use jQuery Selectors? List of jQuery Selectors
API, jQuery Plugins

How to use jQuery Selectors? List of jQuery Selectors

jQuery selectors is the function that allows you to select multiple HTML elements. jQuery selectors are basically used to find (or select) HTML elements based on their name, id, classes, attributes, types of attributes and much more.  It's based on the condition and on their existing CSS selectors, and in addition, it has some of the own custom selectors.List of jQuery Selectors The jQuery is the collections of scripts written in JavaScript to perform various task including the document traversal and manipulation, event handling, animation etc. The syntax of jQuery was listed, where we go through the selectors. Now giving you the complete list of jQuery Selectors. List of Selectors$(‘*’): This selector selects all the elements in the document. $(“p > *”): This selector ...
How to add Simple jQuery Lightbox with WP Featherlight
jQuery Lightbox, WordPress Plugins

How to add Simple jQuery Lightbox with WP Featherlight

If you have built a WordPress blog or a whole new site recently with self-hosted WordPress. You might wanna install WP Featherlight WordPress plugin to add beautiful image lightbox in WordPress sites. Adding a minimal, high-performance, responsive jQuery lightbox to your WordPress site with WP Featherlight plugin.WP Featherlight WordPress plugin is a lightbox plugin which displays all standard WordPress images and galleries in a simple, minimalistic lightbox popup.Download