background preloader

jQuery Cheat Sheet

jQuery Cheat Sheet
Selectors Basics Hierarchy Basic Filters Content Filters Visibility Filters Attribute Child Filters Forms Attributes / CSS Attributes Dimensions Offset Data Manipulation Copying .clone() DOM Insertion, Around DOM Insertion, Inside DOM Insertion, Outside DOM Removal DOM Replacement Traversing Filtering Miscellaneous Traversing Tree Traversal Events Browser Events Document Loading Event Handler Attachment Form Events Keyboard Events Mouse Events Event Object Effects Custom Fading Sliding Ajax Global Ajax Event Handlers Helper Functions Low-Level Interface Shorthand Methods Core jQuery Object Deferred Object Utilities DOM Element Methods Internals Callbacks Object Source code | by @misteroom

Related:  JS/Jqueryoriginal541029Cool Apps Code - ResourcesjQueryPlugsHTML5/CSS3/JS

Examples Basic gradients animation Basic gradients animation with 3 gradients in queue composed of 2 colors. Radial gradients animation Radial gradients animation with 3 gradients in queue composed of 2 colors. Cheat Sheet (html tool) Download cheat sheet as printable PDF A5 Syntax Child: > nav>ul>li Sibling: + Listviews - jQuery Mobile Demos A listview is coded as a simple unordered list (ul) or ordered list (ol) with a data-role="listview" attribute and has a wide range of features. Quick Links Read-only, unordered A listview is a simple unordered list containing linked list items with a data-role="listview" attribute.

HTML5 Music Player Danny Markov This time we want to share with you a cool experiment that we made. It is a music player that lives in your browser. Send Email 1) HTML Form with Inputs <form action="" method="post"><label for="name">Name:</label><input type="text" name="name" id="name" /><label for="Email">Email:</label><input type="text" name="email" id="email" /><label for="Message">Message:</label><br /><textarea name="message" rows="20" cols="20" id="message"></textarea><input type="submit" name="submit" value="Submit" /></form> 2) Process with PHP This could be in a seperate file (e.g. sendemail.php) in which you'd set the action URL of the form to go there. Or, have the form submit to itself (leave action URL blank) and test for one of the values of the form being POSTed and process there. 3) Test it

Auto-Hiding Navigation in CSS and jQuery A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up. Browser support ie Chrome Firefox Safari Opera 9+ Auto-hiding navigations have been around for quite some time now, in particular on mobile devices. The idea behind this UX pattern is simple yet efficient: we want the navigation to be easy to reach all the time, so we stick it on top. However, we auto-hide it when the user scrolls down, to create more room for the content. If the user scrolls up, we interpret his behaviour as a will to access the navigation, so we bring it back. reveal.js - The HTML Presentation Framework HTML Presentations Made Easy Created by Hakim El Hattab / @hakimel Heads Up reveal.js is a framework for easily creating beautiful presentations using HTML.

favico.js - Make a use of your favicon Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color. Simplex Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. How jQuery Works This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page setup yet, start by creating the following HTML page: The src attribute in the <script> element must point to a copy of jQuery.