50 JQUERY SCRIPT

P.Y.G.

50 JQUERY SCRIPT

In Questa pagina troverete 50 codici jquery tra i piu' usati in assoluto . Per ogni esempio potrete aprire la "tendina" e visualizzare il codice relativo pronto per il copia e incolla. Questa è la classica pagina da salvare nei preferiti come "Bibbia" per jquery.

Link: 

http://coding.smashingmagazine.com/2012/05/31/50-jquery-function-demos-for-aspiring-web-developers/

Questi Sono gli argomenti trattati e i codici che troverete come copia e incolla:

Demo: Change text color and background color

Demo: Add a style sheet

Demo: Add a CSS class to an element

Demo: Toggle a CSS class on an element

Demo: Animate text

Demo: Animate size

Demo: Animate movement

Demo: Simple time counter

Demo: Digital time display

Demo: Do something after a specified length of time.

Demo: Slide an element in and out of view.

Demo: Fade an element in and out of view.

Demo: Use .delay() to create a delay between function calls.

Demo: Clone an element.

Demo: Get the content of an element.

Demo: Insert content onto a Web page.

Demo: Use $.ajax() to load content without reloading the entire page.

Demo: Use .load() to grab HTML content from another Web page.

Demo: Use AJAX and JSONP to load data from an external source.

Demo: Trigger an event when the user clicks on or hovers over a div.

Demo: Trigger an event when the user hovers over or double-clicks a div.

Demo: Trigger an event when the user presses a key.

Demo: Capture events on new or changed elements.

Demo: Delegate events to the child elements of a root element.

Demo: Prevent a hyperlink from going to its href.

Demo: Prevent a parent container from firing its event when its child is clicked.

Demo: Prevent all future bound events from firing.

Demo: Use $.each() to loop through values in an array.

Demo: Use .each() to loop through DOM elements.

Demo: Attach data to DOM elements.

Demo: Extract email addresses from inside HTML (i.e. a string).

Demo: Use the jQuery :contains() selector to match elements with substrings.

Demo: Finde specific descendants of matched elements.

Demo: Use .filter() to match subelements.

Demo: Use .slice() to perform actions on a subset of elements.

Demo: Reference the previous and next elements in a list.

Demo: Use $.extend() to change the send action on a form to different email addresses based on the form used.

Demo: Use $.extend() to specify custom settings for a plugin.

Demo: Create an array of all of the form’s field values

Demo: Create a URL string with all of the form’s field values