55个有关jQuery教程,资源,技巧和秘诀的网站:终极收藏版《下》

55个有关jQuery教程,资源,技巧和秘诀的网站:终极收藏版《下》

如果你出于某种原因,不知道jQuery ,没关系。

jQuery“write less, do more”JavaScript库,

jQuery是一个简洁快速的JavaScript库,它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互

jQuery 官方网站是这样说的 –

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

在我的jQuery专栏中,我已经为大家提供了许多的jQuery教程,资源。虽然jQuery已经在国内相当流行了,关于jQuery的中文网站也有许多。但是相对于国外的jQuery教程,资源网站还是比较少的,好东西还得到国外网站上找!

我今天就给大家列举一些有关jQuery教程,资源,技巧和窍门的国外网站。

如果您自身和我一样,天生就英语语言功底差的话,你也别害怕,它是阻碍不了您学习的脚步的,只要您肯花银子,外国的经典译著,也是您好的选择。

55个有关jQuery教程,资源,技巧和秘诀的网站:终极收藏版《上》

28. How To Build Quick and Simple AJAX Forms with JSON Responses

建立快速简单的AJAX表单并用JSON格式响应

contact-form-ajax-jquery-tutorial

Demo

29. Simple jQuery Spy Effect

用jQuery Spy Effect scrolls 来展现美丽的清单列表。

jquery-spy-effect-tutorial

Demo

30. Slider Gallery Tutorial: Screencast

这个教程教我们如何创建一个类似Apple网站上的展示产品效果。

slider-gallery-jquery-tutorial

Demo

31. Semantic Blockquotes with jQuery

用jQuery实现富有语义化的空白区,Blockquotes 能真正帮助我们,使您的文字排版更富有视觉吸引力。Jack Franklin 给我们提供了一个非常好的的教程,教我们使用jQuery如何建立blockquotes 。即使是初学者也能用jQuery实现blockquotes

semantic-blockquotes-jquery-tutorial

32. Jcrop – the jQuery Image Cropping Plugin

Jcrop 一个用jQuery实现的图像剪裁插件

jquery-image-cropping-plugin

Demo

33. Horizontal Scrolling Menu made with CSS and jQuery

用CSS和jQuery实现的水平滚动菜单 

horizontal-scrolling-menu-jquery-tutorial

Demo

34. jQuery Sequential List Tutorial

jQuery顺序列表教程,

本教程将向您展示如何使用jQuery添加连续的的CSS类来创建一个图形清单。第二个例子将告诉使用jQuery的prepend功能,如何添加计数器到评论列表。

 

sequential-list-jquery-tutorial

Demo

35. How easy to create a slide tabbed box using jQuery

使用jQuery,如何轻松地创建带标签的幻灯片

howto-slide-tabbed-box

Demo

36. How to Mimic the iGoogle Interface

如何模仿的iGoogle 界面,本教程将展示如何创建个性化的定制界面的工具。成品将是一个sleek and
unobtrusively coded 。 iGoogle-like interface which has a ton of potential applications!

howto-mimic-igoogle-interface-jquery-tutorial

Demo

37. jGrowl

jGrowl是一个用jQuery实现的消息插件,在浏览器中出现一个不唐突的消息提示,类似的效果,在OS X’s Growl Framework 也有

jgrowl-plugin-tutorial

38. Creating accessible charts using

使用canvas 和 jQuery ,创建无障碍的图表

accessible-charts-using-jquery-tutorial

Demo

39. jQuery and Google Maps Tutorial

jQuery和谷歌地图教程,本教程将引导您用jQuery来使用谷歌的地图。

google-maps-interaction-jquery-tutorial

Demo

40. How To Create An Amazing jQuery Style Switcher

如何创造一个神奇jQuery Style Switcher,是使用jQuery 和 PHP实现的。

style-switcher-jquery-tutorial

Demo

41. How-To: Reddit-style Voting With PHP, MySQL And jQuery

如何创建一个类似于 Reddit 的投票系统 ,是使用 PHP, MySQL和jQuery实现的。

reddit-vote-howto-php-mysql-jquery-tutorial

Demo

42. Selecting and Styling External Links, PDFs, PPTs, and other links by file extension using jQuery

This tutorial will explain how to use jQuery to select and style
PDFs, PPT, images, and external links all differently using jQuery and
CSS.

selecting-styling-external-links-jquery-tutorial

Further Reading, Advanced Tips and Tutorial Sites,进一步阅读,高级技巧和教程网站

43.Official Jquery Tutorial Directory

Jquery官方的教程目录

jquery-tutorial-site

44.Learning Jquery

Learning jQuery是一个多作者的博客,为你提供jQuery教程,演示,并公告。他们教程的适合不同阶段的读者学习。

learning-jquery-tutorial-website

45.15 Days Of jQuery

15天的jQuery教程,网上早已经有汉化版的了。

15-days-of-jquery-tutorial-website

46.jQuery for Designers

Learn how easy it is to apply web interaction using jQuery –
beautiful tutorials and website, if you still can’t find what you need,
you can even request a tutorial.

jquery-for-designers-tutorial-website

47.Ultimate Jquery List

Jquery最终名单 ,它详细的列出了jQuery的所有的应用分类列表。

ultimate-jquery-library

48. Bassistance

此博(侧重于Web应用程序和JavaScript ),这里有他自己生产的几个jQuery插件。

bassistance-jquery-website

49. Remi Sharp’s Blog

Site with several good tips and articles related to jquery, also the same man behind useful tutorial site – jQueryForDesigners I showcased above.

remi-sharp-blog-jquery-articles

Online jQuery Cheat Sheets,在线的jQuery作弊表

50.VisualJquery 1.2.6

An online cheat sheet and visual reference to Jquery, where you can
find Jquery functions well explained, updated to jQuery 1.2.6. version.
While playing with Jquery, this website seems to be a very useful place
to visit.

visual-jquery-online-cheat-sheet

51.jQuery 1.2 cheatsheet wallpaper

The size of wallpaper is 1280×960, two color variations.

jquery-cheat-sheet-wallpaper

52.jQuery 1.2 Cheat Sheet (*pdf file)

jquery1

53. ColorCharge Jquery CheatSheet

jquery-cheat-sheet-colorcharge

更多关于快速参考手册的文章:

Web 开发与设计师速查手册大全(经典收录) »

18个必用的WEB前端技术开发-速查手册 »

 

Further reading, similar articles from other resources:进一步阅读,类似的文章收集的其他资源:

54. UsejQuery

I got great addition to the list from mustardamusUsejQuery website is inspirational website showcasing all jQuery based sites and regularly updating. Also there’s blog ThisBlog.UsejQuery with several jQuery tutorials You should check out.

55. jQuery User Interface

I don’t know how I missed this one too, but now here it is, many
effects you’ll find here already been premade for you with great
support.

jQuery UI is an open source library of interface components — interactions, full-featured widgets, and animation effects — based on the stellar jQuery javascript library . Each component is built according to jQuery’s event-driven architecture (find something, manipulate it) and is themeable, making it easy for developers of any skill level to integrate and extend into their own code.

Well, good luck in your learning process and feel free to add another great tutorials, links, tips, tricks and related sites.

55个有关jQuery教程,资源,技巧和秘诀的网站:终极收藏版《下》完。

55个有关jQuery教程,资源,技巧和秘诀的网站:终极收藏版《上》

 

文章来源:

英文文章:
55 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection

网站:http://www.1stwebdesigner.com/

站点统计