Very good jquery. Learning materials and examples

Source: Internet
Author: User
Tags php framework jquery library

These are learning jquery very good information, organized a bit, share to everyone. Hope to be helpful to everyone's study.

Palanga

The 51 best jquery Tutorials and examples from Noupe introduce you to some of the basic concepts and tutorials used in jquery, and if you're interested in jquery, you can also view the articles in Palanga:

    • 37 More great jquery plugins
    • 45 Freshly baked jquery plugins
    • More than 50 powerful jquery plug-in application examples

John Resig

John Resig, who is the creator of the JQuery JavaScript scripting library, is also a technician at Mozilla.

Learn more about John Resig
    • How jquery Works-This is a basic jquery tutorial that teaches you how to use jquery.
    • Expandable Sidebar Menu ()-(jquery online video tutorial L) A basic concept description video about jquery. Live Demo is here.
Days of JQuery

From zero to proficient jQuery tutorials in jQuery-15 days.

Check out this tutorial for more than a few days of jQuery
    • JQuery Online Movie Tutorial by John Resig
    • Draggable, Droppables, selectables ... Oh my!
    • Multiple File Upload Magic with unobtrusive Javascript
    • Rounded corners with Javascript (jQuery)
Learn jquery

Learning JQuery

Further viewing the tutorials inside learningjquery.com
    • Working with Events, part 1
    • Animated scrolling with JQuery 1.2
    • Automatic Page Contents
    • More Showing, more hiding
Bassistance

bassistance-This tutorial shows you how to create a plugin from jquery.

Further viewing bassistance tutorials
    • Getting Started with jquery-This guide describes the JQuery library. It explains the details of jquery step-by-step, including a simple Hello World example demo, selection and Activity basics, Ajax, FX and usage, and how to create plugins.
Cody Lindley

Founder of Cody Lindley-thickbox and JTip plugins

Featured Tutorials on Cody Lindley
    • jquery to the rescue-an interactive demonstration tutorial using jquery.
Remy Sharp ' s Blog

Remy sharp-in his blog, there are many tutorials and plugins about jquery.

A good domestic jquery learning site and learning materials

  • jquery Chinese Tutorials and examples

  • JQuery Chinese Community

  • JQuery enthusiasts

  • The Zhang Zixiu jquery tutorial in our garden

  • The jquery Framework--javascript House

  • Cssrain

    Here are some very good jquery in the divine level of some things, although it is in English, but it is worth a look, I hope we can benefit. Featured tutorials on Remy Sharp ' s Blog
      • text box Hints-you would see a lot of Web sites with search boxes has text already populated inside of the field and when You select the input text box it disappears and reappears when it's not selected. This tutorial would show you how can add a small amount of the jQuery to add the feature to any of the your Web sites.
      • Auto-populating Select Boxes using JQuery & ajax-allow The user to select a top level category from one select box an D to automatically populate the sub-category using JQuery and Ajax.
    Featured Tutorials on Jqueryfordesigners
      • Using Ajax to Validate forms-with This tutorial you'll be a able to having your first Forms that does the Following:1) Live Username checking, 2) Password Confirmation and strength, 3) checking if an e-mail address is already registered, 4) URL VA Lidation
      • Image Cross Fade transition-how to Fade one image on to another?
    Web Designer Wall
      • JQuery Tutorials for designers-this article contains visual tutorials intended for web designers and newbies on how to Apply Javascript effects with jQuery. Effects include:simple slide panel, simple disappearing effect, chain-able transition effects, Accordion, animated hover Effect, entire block clickable, collapsible panels.
    Css-tricks

    Css-tricks is a home for examples, tutorials, tips, Tricks, and news regarding cascading Style Sheets. Chris Coyer is getting into jquery lately and posting interesting jquery tutorials in He journey to learn jquery.

    Featured Tutorials on Css-tricks
      • Fading menu-replacing Content-chris Coyer shows us a nice Menu effect emphasizing the designer's perspective: "When I D o This, make the CSS does this.
      • Improved current Field highlighting in forms-how to add some kind of visual feedback on Web Forms to indicate the current Ly active (or "focused") field.
      • Fade-in Spoiler revealer-exploiting Some of the ' fading in ' and ' fading out ' different page elements functions for a real Ly simple spoiler revealer.
    Getting started with JQuery
      • The Jskinny on Jquery-a tutorial in the JQuery JavaScript library (from A ruby/rails perspective).
      • How to Get anything-want-an introduction to JQuery selectors and traversal methods, and their use in navigating the D Om.
      • It's All about css-if you ' ve got a good understand of CSS selectors and then your ' re already familiar with how to query the D Om.
      • jquery Crash Course-for Those who's d like to learn more about JQuery, one of the more popular libraries, here's a Crash co Urse written with code-savvy web designers on mind.
      • jquery in the Minutes-a short introduction to jquery.
      • jquery basics-this section covers basic usage of the jQuery from getting started to finding elements and working with CSS.
      • Easy JavaScript for designers-a friendly little writeup for the jQuery Java Script Library. Designers need all of the coding shortcuts they can and JQuery seems to deliver.
    JQuery Cheat Sheets
      • JQuery cheatsheet-the cheat sheet comes in both flavors:1) made for IPhone and IPod Touch, and any other mobile device WI Th Internet access. 2) old-school printable A4 cheat sheet
      • JQuery 1.2 Cheat Sheet
    Building JQuery Plugins
      • A Plugin development Pattern-this article is meant to share a useful Pattern for Plugin authoring.
      • Developing a jQuery plugin-sometimes the most difficult part is just taking the first step!
      • Building Your First JQuery plugin-this tutorial would take a step by step through creating Your very own truncation plug In.
    JQuery Effects and Techniques
    • JQuery pop-up menu tutorial-pop-up link menu (Mouse over menu)
    • JQuery for Designers-examples of writing unobtrusive JavaScript to add simple behavior to a Web page.
    • Autocompleter tutorial-jquery (Ajax)/php/mysql
    • Slideviewer-a jQuery image slider built on A single unordered list
    • Lavalamp for jquery lovers!-a step by step tutorial to create a lavalamp menu packaged as A plugin for the amazing jQuery JavaScript library.
    • Auto-complete field with Jquery-code explained-an explanation of the Code behind the Auto-complete field in this post.
    • Photo Slider tutorial-it ' s worth noting that's can easily use the photo slider to query a server script to load the IMA Ges.
    • Ajax will_paginate, Jq-style-using JQuery, to easily rock some gracefully degrading Ajax pagination.
    • Rounded corners-adding rounded corners to an element, using no extra markup.
    • Efficient Tag Cloud algorithm-a post about A tag cloud algorithm, very useful.
    • Autocompleter Tutorial-this Tutorial because would tell what and why Autocompleter works, knowing on this enables yo U to customise it a lot more.
    • Creating a fading header-a tutorial explaining how to create the fading headers graphic for Bits and Pixels.
    Ajax Development with JQuery
      • Easy Ajax with Jquery-akash Mehta would show us how to simplify the process of adding Ajax to the application even further With the help of JQuery, a popular JavaScript library.
      • Simplify Ajax development with Jquery-discover-Easy Ajax and DOM scripting can is
      • Quick and Dirty ajax-a walk through tutorial showing some of the basic ways you could use JQuery to add AJAX functionalit Y to your site.
      • A Quick Code igniter and jquery Ajax tutorial-a step-by-step Tutorial would show you what to combine the power of the JQuery WI Th Code igniter (a PHP framework based on the MVC design pattern) to quickly and painlessly pass a record ID through the J Avascript and over to the server, where it'll be passed to a MySQL database, used to retrieve some data, and sent back T o the page for display.
    JQuery Fixing common Browser issues
      • Fixing IE overflow problem-ie have a different implementation of overflow compared to Firefox or Safari. This was a detailed account of the problem, and it's fix.
      • Using jquery to align column heights-this tutorial would show you how to use the popular JQuery library to match the Heigh T of 2 columns in your layout.
      • Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jquery-how to enable transparent PNG support in IE6

    Is learning jquery, learning materials to share with you, common progress, learning difficulties, but also hope that the experts have a lot of advice.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.