DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 最佳jQuery教程和實例
最佳jQuery教程和實例
編輯:AJAX詳解     

由Noupe帶來的

and-examples.html” target=”_blank”>51個最佳jQuery教程和實例, 向大家介紹了jQuery的一些基本概念和使用的相關教程, 帕蘭繼續為你翻譯, 如果你對jQuery感興趣, 也可以查看帕蘭之前翻譯

的一些文章:

  • 37個更加出色的jQuery插件
  • 45個新鮮出爐的jQuery插件
  • than-50-powerful-plug-in-application-examples-jquery/” target=”_blank”>50多個強大的jQuery插件應用實例

  • How jQuery Works - 這是一基礎jquery教程, 教你如何使用 jQuery.
  • Expandable Sidebar Menu ()-(jQuery 在線視頻教程l) 關於jQuery的一個基礎概念說明視頻. Live Demo is here.
  • 15 Days Of

    jQuery

    15 Days Of jQuery-15天內從零到精通的 jQuery教程.

    進一步查看這個教程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)

    學習jQuery

    Learning jQuery

    進一步查看 LearningjQuery.com裡面的教程
    • Working with Events, part 1
    • Animated Scrolling with jQuery 1.2
    • Automatic Page Contents
    • More Showing, More Hiding

    Bassistance

    Bassistance- 這個教程向你展示如何通過jQuery創建插件.

    進一步查看Bassistance教程
    • Getting Started with jQuery- 本指南介紹了該jquery庫。它一步一步的解釋jQuery的細節,包括

      一個簡單的Hello World舉例演示,選擇和活動的基本知識,AJax, FX和使用情況以及如何創建插件。

    Cody Lindley

    Cody Lindley- ThickBox

    tip”>jTip plugins的創建人

  • JQuery To The Rescue- 一個使用jQuery的互動示范教程.
  • Remy sharp’s Blog

    Remy sharp- 在 他的博客裡面,

    有許多關於jQuery的教程和插件,.

    PS. 越翻越深奧, 有的看不懂, 無法翻譯. 這jQuery的基礎還真不好懂. 沒精神翻了, 大家自己看看英文吧. 改天有精神再翻譯剩下的.

    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 to 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 for 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 ofvisual 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

    • -on-jquery”>The jSkinny on jQuery- A tutorial on the jQuery Javascript library (from a Ruby/Rails perspective).
    • href=”http://docs.jquery.com/Tutorials:How_to_Get_Anything_You_Want”>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 CSSselectors, 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 forthe 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 foriPhone 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 meantto share a useful pattern for plugin authoring.
    • Developing a jQuery Plugin-Sometimes the most difficult part is just taking the first step!
    • plugin-that.html”>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 aplugin for the amazing jQuery Javascript library.
    • explained/”>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 somegracefully degrading AJax pagination.
    • Rounded Corners- Adding rounded corners to anelement, 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

      href=”http://bitsamppixels.com/”>Bits and Pixels.

    AJax development with jQuery

    • Easy AJax with jQuery- Akash Mehta will 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 how easy AJax and DOM scripting can be
    • Quick and Dirty AJax- A walk through tutorial showing some of the basic ways you could 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 the 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.

    • heights”>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 toenable transparent PNG support in IE6
    XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
    Copyright © DIV+CSS佈局教程網 All Rights Reserved