`

很不错的jQuery学习资料和实例,分享给大家。

阅读更多
这些都是学习Jquery很不错的资料,整理了一下,分享给大家。 希望能对大家的学习有帮助。

帕兰

Noupe带来的51个最佳jQuery教程和实例, 向大家介绍了jQuery的一些基本概念和使用的相关教程,  如果你对jQuery感兴趣, 也可以查看帕兰写的文章:

    37个更加出色的jQuery插件
    45个新鲜出炉的jQuery插件
    50多个强大的jQuery插件应用实例

John Resig

John Resig, 这位是 JQuery JavaScript脚本库的创建者, 同时也是Mozilla公司的技术人员.
进一步了解John Resig

    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 和 jTip plugins的创建人
Featured Tutorials on Cody Lindley

    JQuery To The Rescue- 一个使用jQuery的互动示范教程.

Remy sharp’s Blog

Remy sharp- 在 他的博客里面, 有许多关于jQuery的教程和插件。



国内不错的Jquery学习站点和学习资料

jquery 中文教程和实例

jQuery 中文社区

jQuery 爱好者

咱们园子中张子秋的Jquery教程

Jquery框架--Javascript之家

cssrain


下面是一些很不错的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 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 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.
    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

正在学习Jquery,学习资料同大家分享,共同进步,学习上遇到困难还望高手们多多指教。
分享到:
评论

相关推荐

    jquery零碎实例和学习心得

    《jQuery零碎实例与学习心得详解》 jQuery,作为一款强大的JavaScript库,自2006年发布以来,因其简洁易用的API和丰富的插件生态,迅速成为了前端开发者们的...希望这些实例和心得能对你的jQuery学习之路提供帮助。

    备忘:jquery的一些实例

    这个博客文章可能包含了作者对jQuery实例的深入解释和示例代码。 标签“源码”和“工具”则暗示了这篇博文可能会包含一些可复用的代码片段,可能作为开发过程中的工具或者参考,帮助读者理解并应用jQuery的功能。 ...

    jquery触摸滑动图片实例学习用修改难

    同时,查阅jQuery官方文档和其他开发者的经验分享,能帮助你更好地理解和解决问题。 最后,学习过程中不要害怕挑战,多尝试、多实践,你将逐渐掌握这一技能,并能自如地应对各种修改需求。对于初学者来说,遇到困难...

    JQUERY MINIUI 学习资料

    **jQuery MiniUI 学习资料概述** jQuery MiniUI 是一个基于 jQuery 的轻量级前端框架,专门用于构建桌面级的 Web 应用程序。它提供了一系列丰富的组件,如表格、表单、窗口、按钮等,使得开发者可以快速、高效地...

    jquery-easyui实例

    3. **案例研究**:查找并分析其他开发者分享的jQuery EasyUI实战案例,学习他们的设计思路和技巧。 4. **在线调试**:利用浏览器的开发者工具进行实时调试,查看组件的状态变化,有助于问题排查。 通过以上步骤,你...

    50个jQuery实例详解

    在IT领域,jQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本篇文章将深入探讨这50个jQuery...开源精神鼓励我们分享和学习,让我们共同进步,推动国内IT行业的发展。

    jquery截图功能实例

    本文将深入探讨如何使用jQuery实现截图功能,同时结合C#、ASP.NET和SQLDBA等相关技术,为Web应用添加截图分享或保存功能。 首先,jQuery截图功能通常依赖于HTML5的Canvas元素,它可以将网页的一部分渲染为图像。这...

    jquery瀑布流实例最流行瀑布流图片展示

    开发者可以通过分析和学习这些代码,理解瀑布流布局的工作原理,以及如何结合jQuery和相关插件实现无限滚动效果。同时,为了优化性能和用户体验,还可以考虑使用懒加载(lazy loading)技术,只有当图片进入视口时才...

    锋利的jquery书本上的实例

    这些章节覆盖了jQuery的基础到高级用法,从DOM操作、事件处理到Ajax和插件开发,为学习者提供了一个全面的jQuery学习路径。通过实践书中提供的实例,可以更好地理解和掌握jQuery的精髓,提升Web开发技能。

    JQuery&CSS;&CSS;+DIV实例大全.rar

    分享jquery带阴影效果折叠菜单dropdown给大家 33.分享下载jquery+Css黑色风格版的手风琴菜单,带动感效果 34.分享一款jquery收缩展开的多级导航(附带手风琴效果示例) 35.国外漂亮动感jquery三级导航菜单插件...

    锋利的JQuery 电子书

    锋利的JQuery 绝对值得一看的jquery学习资料,我是看完之后才感觉好才给大家分享的,由于文件太大我只能分开上传,总共是9个压缩文件,另外我已经上传了本书的所有实例源码,供大家学习参考,最后我要说明的是只有...

    jQuery初学实例代码集jQuerydemos.rar

    2. **阅读文档**:jQuery官方文档是很好的参考资料,可以配合实例代码一起学习。 3. **对比原生JS**:理解jQuery是如何简化和扩展原生JavaScript的,有助于提升JavaScript基础。 4. **项目实战**:尝试将学到的知识...

    收集的JQuery资料分享

    在"14天学习"这个文件中,可能包含了从初级到进阶的jQuery学习路径,包括基本语法、选择器、DOM操作、事件绑定等内容。 【jQuery选择器】 jQuery的选择器是其强大功能的一部分,允许开发者快速准确地选取页面上的...

    jQuery学习资料

    在这个"jQuery学习资料"压缩包中,包含了三份PDF学习文档,旨在帮助初学者快速掌握jQuery的核心概念和实用技巧。 首先,我们来探讨jQuery的基础部分。jQuery的引入通常是通过在HTML文档的`<head>`标签内添加`...

    codeigniter 代码实例分享

    这个"codeigniter 代码实例分享"看起来是某个开发者或团队为了展示或分享他们在CodeIgniter上的工作成果,结合了jQuery 1.4、Eclipse IDE的使用经验。 在这些提供的文件中,我们可以看到一些关键组成部分: 1. **...

    基于jQuery 的图片拖拽排序框架实例代码分享.zip

    学习这个实例,开发者不仅可以掌握图片拖放排序的实现,还能提升对jQuery事件处理、DOM操作以及数据管理的理解。通过分析代码,可以进一步了解到如何优化用户体验,以及如何在实际项目中灵活运用jQuery的功能。

    jquery零碎实例

    这个名为"jquery零碎实例"的资源包,对于初学者来说是一份非常宝贵的资料,它包含了各种实用的jQuery小实例和作者的学习心得,旨在帮助新手快速掌握jQuery的核心技能。 1. **DOM操作**:jQuery提供了简洁的API来...

    本项目包含了 HTML、CSS、JavaScript、JQuery、Vue 等相关知识和小实例,大家一起学习,一起讨论

    HTML+CSS小实例之好玩的聚光灯文字效果 HTML+CSS小实例之简单又好看的加载动画效果 HTML+CSS小实例之有点小酷炫的菱形加载动画 HTML+CSS小实例之简约不简单的社交分享按钮 HTML+CSS小实例之有趣的沙漏加载动画 ...

    jQuery实例代码集-共计106个分享

    在"jQ学习第一季"、"jQ学习第二季"、"jQ学习第三季"的文件中,你可以找到更具体和丰富的实例,涵盖更多高级技巧和最佳实践。通过实践这些实例,你将能够更加熟练地运用jQuery来实现网页的各种动态效果和交互功能,...

    jquery源码好不容易找到的与大家分享

    3. **$.extend()与$.fn.extend()**:这两个函数用于扩展jQuery对象和实例方法,使得jQuery具有高度的可扩展性。 三、源码深度探索 1. **Sizzle选择器**:Sizzle的实现主要基于正则表达式,通过编译CSS选择器为执行...

Global site tag (gtag.js) - Google Analytics