`
wjboy49
  • 浏览: 285531 次
  • 性别: Icon_minigender_1
  • 来自: 湖南岳阳
社区版块
存档分类
最新评论

很不错的jQuery学习资料和实例

阅读更多
来自:http://www.cnblogs.com/gaoweipeng/archive/2009/06/05/1496587.html
这些都是学习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中神层次的一些东西,虽然是英文的,但是还是值得大家一看,希望能对大家有收益。
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学习ppt和实例

    本资料包“jQuery学习ppt和实例”提供了深入学习jQuery的详细内容,旨在帮助开发者快速掌握这一强大的工具。 ### 一、jQuery简介 jQuery是由John Resig于2006年创建的,它的核心理念是“Write Less, Do More”。...

    Jquery 学习与实例Jquery 学习与实例

    Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与实例Jquery 学习与...

    jquery零碎实例和学习心得

    总的来说,这个压缩包是一个全面的jQuery学习资源集合,涵盖了从基础到进阶的各种主题,包括API参考、实例演示、UI组件使用等。通过深入研究这些材料,你不仅可以学会如何使用jQuery,还能了解到如何利用它来创造...

    JQuery学习总结及实例中文WORD版

    资源名称:JQuery 学习总结及实例 中文WORD版内容简介:普通Javascript的缺点:每种控件的操作方式不统一,不同浏览器下有区别,要编写跨浏览器的程序非常麻烦。因此出现了很多对Javascript 的封装库,...

    jquery实例 jquery学习资料

    没事的时候看看这个里里有实例可以学习。50个jquery 9-手风琴效果 demo 7--选项卡切换tab_panel_animation 42 客户管理界面 -jquery_air 34-表格 tablesorter里面有五十个实例供大家学习。

    jQuery学习手册及实例练习

    《jQuery学习手册及实例练习》是一份全面介绍jQuery库的学习资源,旨在帮助开发者深入理解和熟练运用这个强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务,使得前端开发变得更加...

    JQuery应用实例学习(强烈推荐)

    JQuery应用实例学习(强烈推荐)---无私奉献了!!

    jquery基础学习插件实例大全

    《jQuery基础学习插件实例大全》是一套针对初学者及有一定JavaScript基础的开发者设计的教程,旨在通过实例化的教学方式,帮助用户快速掌握jQuery的核心功能和常见插件的使用。教程分为三个部分,即“jQ学习第一季”...

    jQuery学习实例和心得

    jQuery是JavaScript库中的一个巨擘,它极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本资源针对初学者,旨在...这份"jQuery学习实例和心得"资源将是你宝贵的参考资料,帮助你在JavaScript的世界里更进一步。

    Jquery实例和api

    这个压缩包包含的是关于jQuery的实例和API文档,对于深入理解和使用jQuery具有重要的参考价值。 **jQuery API 文档** `jQuery1.2API.chm` 文件很可能是一个帮助文件,包含了jQuery 1.2版本的API详细信息。尽管1.2...

    jQuery特效和实例集合

    这个名为"jQuery特效和实例集合"的压缩包,包含了50多个精心设计的jQuery特效以及50个JS实例,为学习者提供了丰富的实践素材。接下来,我们将深入探讨这些知识点,领略jQuery的魅力。 一、jQuery基础 jQuery的核心...

    先锋jQuery学习实例

    **jQuery学习实例详解** jQuery,一个轻量级的JavaScript库,因其简洁的API和强大的功能,使得网页开发变得更加高效和简单。本实例集合是专为初学者设计的,旨在帮助理解并掌握jQuery的核心概念和常见用法。 1. **...

    jquery API文档和入门实例

    总结来说,jQuery API文档和入门实例是学习和掌握jQuery的宝贵资源。通过阅读API文档,了解每个方法的功能和用法;通过实践入门实例,将理论知识转化为实际技能。结合`jQueryDocXML2CHM-090223.chm`的帮助文件和`...

    Jquery Ajax分页(有实例)

    **jQuery AJAX分页技术详解** ...对于初学者,这个实例是学习和理解AJAX分页的宝贵资源,而对于经验丰富的开发者,它则提供了灵感和参考。在实践中不断探索和优化,将能创造出更多适应不同场景的分页解决方案。

    近百个jQuery实例

    参照《jQuery完全攻略》亲自手打并测试的100多个实例(部分实例来自网络如消息框、tooltip、面包屑式菜单、层级菜单以及一些jQuery插件的用法)。 主要分为: jQuery操作DOM节点、数组和字符串 jQuery表单验证 ...

    jquery学习资料 很多

    这份“jquery学习资料 很多”的压缩包文件显然是一份全面的jQuery学习资源集合,旨在帮助开发者从基础到高级掌握jQuery的核心技术和应用。 首先,我们从标题“jquery学习资料 很多”可以推断,这个压缩包中包含了...

    JqueryApi Jquery实例 Jquery归纳 Jquery学习方法

    这个资源 可以使你全面的掌握 JQuery,里面有我告诉你如何学习Jquery如何使用Jquery,里面还有Jquery的例子,还有Jquery的拓展UI,很好很强大的!!!这绝对是我精心压缩的一个资源,如果没学会,可以给我留言,然后...

    jquery初学者学习实例

    《jQuery初学者学习实例》是一份专为编程新手设计的教程资源,主要涵盖了jQuery库的基础知识和实际应用。jQuery是一个高效、简洁的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。对于刚...

    jQuery全免实例学习资料

    这份"jQuery全免实例学习资料"是为那些已经具备基本JavaScript知识,希望进一步提升jQuery技能的开发者准备的。不适合完全没有编程基础的新手。 一、jQuery基础 1. 选择器:jQuery的核心在于选择HTML元素,它提供了...

Global site tag (gtag.js) - Google Analytics