Very good jquery learning materials and examples.

Source: Internet
Author: User
Tags jquery library

These are all very good materials for learning jquery. I sorted them out and shared them with you. I hope it will be helpful for everyone's learning.

Palan

51 Best jquery tutorials and examples provided by noupe
To introduce some basic concepts and tutorials related to jquery. If you are interested in jquery, you can also view the article written by Palan:

  • 37 better jquery plug-ins
  • 45 newly released jquery plug-ins
  • More than 50 powerful jquery plug-in Application Instances

John resig

John resig, the creator of the jquery Javascript script library and a technician at Mozilla.

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 concepts of jquery video. Live Demo is here
    .
15 days of jquery

15 days of jquery
-Jquery tutorials from scratch within 15 days.

For more information, see this tutorial 15 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)
Learning jquery

Learning jquery

For more information, see the tutorials in 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 plug-in using jquery.

View the bassistance tutorial
  • Getting started with jquery
    -This guide describes the jquery library. It explains jquery's details step by step, including a simple hello World demo, basic selection and activity knowledge, Ajax, FX and usage, and how to create a plug-in.
Cody Lindley

Cody Lindley
-Thickbox
And the creator of 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 plug-ins about jquery.

Good jquery learning sites and learning materials in China



  • Jquery Chinese tutorial and example

  • Jquery Chinese community

  • Jquery fans

  • Zhang Ziqiu's jquery tutorial in the garden

  • Jquery framework-JavaScript house

  • Cssrain

    The following are some good jquery's God-level things. Although they are in English, they are worth reading and hope to benefit everyone. Featured tutorials on Remy Sharp's blog
    • Text Box hints
      -
      You will see a lot of web sites with search boxes have 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 will
      Show you how can add a small amount of jquery to add this feature
      Any of your web sites.
    • Auto-populating select boxes using jquery & Ajax
      -
      Allow the user to select a top level category from one select box and
      To automatically populate the sub-category using jquery and Ajax.
    Featured tutorials on jqueryfordesigners
    • Using ajax to validate forms
      -
      With this tutorial you will be able to have your first forms that do
      The following: 1) live username checking, 2) Password Confirmation and
      Strength, 3) Checking if an email address is already registered, 4) URL
      Validation
    • Image cross fade transition
      -How to fade one image in to another?
    Web designer Wall
    • Jquery tutorials for designers
      -
      This article contains 10 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
    Examples, tutorials, tips, tricks, and news regarding Cascading Style
    Sheets. Chris coyer is getting into jquery lately and posting
    Interesting jquery tutorials in his 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 do this, make the CSS do this ".
    • Improved Current Field highlighting in Forms
      -How to add some kind of visual feedback on web forms to indicate the currently active (or "focused") field.
    • Fade-In spoiler revealer
      -Exploiting some of the "fading in" and "fading out" different page elements functions for a really simple spoiler Revealer.
    Getting started with jquery
    • The jskinny on jquery
      -A tutorial on the jquery JavaScript Library (from a ruby/rails perspective ).
    • How to get anything you want
      -An Introduction to jquery selectors and traversal methods, and their use in navigating the Dom.
    • It's all about CSS
      -If you 've got a good understand of CSS selectors, then you're already familiar with how to query the Dom.
    • Jquery crash course
      -
      For those who 'd like to learn more about jquery, one of the more
      Popular Libraries, here's a crash course written with code-savvy Web
      Designers in mind.
    • Jquery in 15 minutes
      -A short introduction to jquery.
    • Jquery Basics
      -This section covers basic usage of jquery from getting started to finding elements and working with CSS.
    • Easy JavaScript For designers
      -
      A nice 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 two flavors: 1) made for iPhone and iPod
      Touch, and any other mobile device with 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 will take you step by step through creating your very own truncation plugin.
    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 you can easily use the photo slider to query a server script to load the images.
    • 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 will tell you how and why autocompleter works,
      Knowing about this enables you to customise it a lot more.
    • Creating a fading Header
      -A tutorial explaining how to create the fading header graphic for bits and pixels
      .
    Ajax development with jquery
    • Easy Ajax with jquery
      -
      Akash Mehta will show us how to simplify the process of adding ajax
      The application even further with the help of jquery, a popular
      Javascript library.
    • Simplify Ajax development with jquery
      -Discover how easy Ajax and Dom scripting can be
    • Quick and dirty Ajax
      -A walk through tutorial showing some of the basic ways you can use jquery to add Ajax functionality to your site.
    • A quick code igniter and jquery Ajax tutorial
      -A step-by-step tutorial will show you how to combine the power of jquery
      With code igniter
      (A PHP framework based on the MVC design pattern) to quickly and
      Painlessly pass a record ID through the JavaScript and over to
      Server, where it will be passed to a MySQL database, used to retrieve
      Some data, and sent back to the page for display.
    Jquery fixing common browser issues
    • Fixing ie overflow problem
      -
      IE has a different implementation of overflow compared to Firefox or
      Safari. This is a detailed account of the problem, and it's fix.
    • Using jquery to align column heights
      -This tutorial will show you how to use the popular jquery library to match the height 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

    I am studying jquery, sharing learning materials with you, and making progress together. I hope you can give me more advice if you encounter any difficulties in learning.

    [Reference gwp_brian.net
    ]

  • 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.