`
gkm422
  • 浏览: 82562 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

JQuery应用实例学习转载

阅读更多

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆js来调用命令了,只需定义 id 即可。特推荐在Kollermedia.at上一篇JQuery插件列表的文章如下:

文件上传(File upload)

Ajax File Upload.

jQUploader.

Multiple File Upload plugin.

jQuery File Style.

Styling an input type file.

Progress Bar Plugin.

表单验证(Form Validation)

jQuery Validation.

Auto Help.

Simple jQuery form validation.

jQuery XAV - form validations.

jQuery AlphaNumeric.

Masked Input.

TypeWatch Plugin.

Text limiter for form fields.

Ajax Username Check with jQuery.

表单-选取框(Form - Select Box stuff)

jQuery Combobox.

jQuery controlled dependent (or Cascadign) Select List.

Multiple Selects.

Select box manipulation.

Select Combo Plugin.

jQuery - LinkedSelect

Auto-populate multiple select boxes.

Choose Plugin (Select Replacement).

表单基本、输入框、选择框等(Form Basics, Input Fields, Checkboxes etc.)

jQuery Form Plugin.

jQuery-Form.

jLook Nice Forms.

jNice.

Ping Plugin.

Toggle Form Text.

ToggleVal.

jQuery Field Plugin.

jQuery Form’n Field plugin.

jQuery Checkbox manipulation.

jTagging.

jQuery labelcheck.

Overlabel.

3 state radio buttons.

ShiftCheckbox jQuery Plugin.

Watermark Input.

jQuery Checkbox (checkboxes with imags).

jQuery SpinButton Control.

jQuery Ajax Form Builder.

jQuery Focus Fields.

jQuery Time Entry.

时间、日期和颜色选取(Time, Date and Color Picker)

jQuery UI Datepicker.

jQuery date picker plugin.

jQuery Time Picker.

Time Picker.

ClickPick.

TimePicker.

Farbtastic jQuery Color Picker Plugin.

Color Picker by intelliance.fr.

投票插件(Rating Plugins)

jQuery Star Rating Plugin.

jQuery Star Rater.

Content rater with asp.net, ajax and jQuery.

Half-Star Rating Plugin.

搜索插件(Search Plugins)

jQuery Suggest.

jQuery Autocomplete.

jQuery Autocomplete Mod.

jQuery Autocomplete by AjaxDaddy.

jQuery Autocomplete Plugin with HTML formatting.

jQuery Autocompleter.

AutoCompleter (Tutorial with PHP&MySQL).

quick Search jQuery Plugin.

编辑器(Inline Edit & Editors)

jTagEditor.

WYMeditor.

jQuery jFrame.

Jeditable - edit in place plugin for jQuery.

jQuery editable.

jQuery Disable Text Select Plugin.

Edit in Place with Ajax using jQuery.

jQuery Plugin - Another In-Place Editor.

TableEditor.

tEditable - in place table editing for jQuery.

多媒体、视频、Flash等(Audio, Video, Flash, SVG, etc)

jMedia - accessible multi-media embedding.

JBEdit - Ajax online Video Editor.

jQuery MP3 Plugin.

jQuery Media Plugin.

jQuery Flash Plugin.

Embed QuickTime.

SVG Integration.

图片(Photos/Images/Galleries)

ThickBox.

jQuery lightBox plugin.

jQuery Image Strip.

jQuery slideViewer.

jQuery jqGalScroll 2.0.

jQuery - jqGalViewII.

jQuery - jqGalViewIII.

jQuery Photo Slider.

jQuery Thumbs - easily create thumbnails.

jQuery jQIR Image Replacement.

jCarousel Lite.

jQPanView.

jCarousel.

Interface Imagebox.

Image Gallery using jQuery, Interface & Reflactions.

simple jQuery Gallery.

jQuery Gallery Module.

EO Gallery.

jQuery ScrollShow.

jQuery Cycle Plugin.

jQuery Flickr.

jQuery Lazy Load Images Plugin.

Zoomi - Zoomable Thumbnails.

jQuery Crop - crop any image on the fly.

Image Reflection.

Google地图(Google Map)

jQuery Plugin googlemaps.

jMaps jQuery Maps Framework.

jQmaps.

jQuery & Google Maps.

jQuery Maps Interface forr Google and Yahoo maps.

jQuery J Maps - by Tane Piper.

游戏(Games)

Tetris with jQuery.

jQuery Chess.

Mad Libs Word Game.

jQuery Puzzle.

jQuery Solar System (not a game but awesome jQuery Stuff).

表格等(Tables, Grids etc.)

UI/Tablesorter.

jQuery ingrid.

jQuery Grid Plugin.

Table Filter - awesome!.

TableEditor.

jQuery Tree Tables.

Expandable “Detail” Table Rows.

Sortable Table ColdFusion Costum Tag with jQuery UI.

jQuery Bubble.

TableSorter.

Scrollable HTML Table.

jQuery column Manager Plugin.

jQuery tableHover Plugin.

jQuery columnHover Plugin.

jQuery Grid.

TableSorter plugin for jQuery.

tEditable - in place table editing for jQuery.

jQuery charToTable Plugin.

jQuery Grid Column Sizing.

jQuery Grid Row Sizing.

统计图(Charts, Presentation etc.)

jQuery Wizard Plugin .

jQuery Chart Plugin.

Bar Chart.

边框、圆角、背景(Border, Corners, Background)

jQuery Corner.

jQuery Curvy Corner.

Nifty jQuery Corner.

Transparent Corners.

jQuery Corner Gallery.

Gradient Plugin.

文字和超链接(Text and Links)

jQuery Spoiler plugin.

Text Highlighting.

Disable Text Select Plugin.

jQuery Newsticker.

Auto line-height Plugin.

Textgrad - a text gradient plugin.

LinkLook - a link thumbnail preview.

pager jQuery Plugin.

shortKeys jQuery Plugin.

jQuery Biggerlink.

jQuery Ajax Link Checker.

鼠标提示(Tooltips)

jQuery Plugin - Tooltip.

jTip - The jQuery Tool Tip.

clueTip.

BetterTip.

Flash Tooltips using jQuery.

ToolTip.

菜单和导航(Menus, Navigations)

jQuery Tabs Plugin - awesome! . [demo nested tabs.]

another jQuery nested Tab Set example (based on jQuery Tabs Plugin).

jQuery idTabs.

jdMenu - Hierarchical Menu Plugin for jQuery.

jQuery SuckerFish Style.

jQuery Plugin Treeview.

treeView Basic.

FastFind Menu.

Sliding Menu.

Lava Lamp jQuery Menu.

jQuery iconDock.

jVariations Control Panel.

ContextMenu plugin.

clickMenu.

CSS Dock Menu.

jQuery Pop-up Menu Tutorial.

Sliding Menu.

http://stilbuero.de/jquery/tabs_3/

幻灯、翻转等(Accordions, Slide and Toggle stuff)

jQuery Plugin Accordion.

jQuery Accordion Plugin Horizontal Way.

haccordion - a simple horizontal accordion plugin for jQuery.

Horizontal Accordion by portalzine.de.

HoverAccordion.

Accordion Example from fmarcia.info.

jQuery Accordion Example.

jQuery Demo - Expandable Sidebar Menu.

Sliding Panels for jQuery.

jQuery ToggleElements.

Coda Slider.

jCarousel.

Accesible News Slider Plugin.

Showing and Hiding code Examples.

jQuery Easing Plugin.

jQuery Portlets.

AutoScroll.

Innerfade.

拖放插件(Drag and Drop)

UI/Draggables.

EasyDrag jQuery Plugin.

jQuery Portlets.

jqDnR - drag, drop resize.

Drag Demos.

XML XSL JSON Feeds

XSLT Plugin.

jQuery Ajax call and result XML parsing.

xmlObjectifier - Converts XML DOM to JSON.

jQuery XSL Transform.

jQuery Taconite - multiple Dom updates.

RSS/ATOM Feed Parser Plugin.

jQuery Google Feed Plugin.

浏览器(Browserstuff)

Wresize - IE Resize event Fix Plugin.

jQuery ifixpng.

jQuery pngFix.

Link Scrubber - removes the dotted line onfocus from links.

jQuery Perciformes - the entire suckerfish familly under one roof.

Background Iframe.

QinIE - for proper display of Q tags in IE.

jQuery Accessibility Plugin.

jQuery MouseWheel Plugin.

对话框、确认窗口(Alert, Prompt, Confirm Windows)

jQuery Impromptu.

jQuery Confirm Plugin.

jqModal.

SimpleModal.

CSS

jQuery Style Switcher.

JSS - Javascript StyleSheets.

jQuery Rule - creation/manipulation of CSS Rules.

jPrintArea.

DOM、AJAX和其它JQuery插件(DOM, Ajax and other jQuery plugins)

FlyDOM.

jQuery Dimenion Plugin.

jQuery Loggin.

Metadata - extract metadata from classes, attributes, elements.

Super-tiny Client-Side Include Javascript jQuery Plugin.

Undo Made Easy with Ajax.

JHeartbeat - periodically poll the server.

Lazy Load Plugin.

Live Query.

jQuery Timers.

jQuery Share it - display social bookmarking icons.

jQuery serverCookieJar.

jQuery autoSave.

jQuery Puffer.

jQuery iFrame Plugin.

Cookie Plugin for jQuery.

jQuery Spy - awesome plugin.

Effect Delay Trick.

jQuick - a quick tag creator for jQuery.

Metaobjects.

elementReady.

分享到:
评论
2 楼 gkm422 2008-07-03  
大部分的链接网站都提供DEMO下载的.例如打开表单验证的链接jQuery Validation.[img]http://gkm.iteye.com/upload/picture/pic/17167/c1be79a9-77cd-34bc-8626-60e018884a0f.bmp [/img]
1 楼 zpap 2008-07-02  
  可不可以提供一个  rar  的下载啊   谢谢了

相关推荐

    JQuery应用实例学习(强烈推荐)转载.doc

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了网页中的 DOM 操作、事件处理、动画设计和 AJAX 交互。这个库的设计理念是“写更少的代码,做更多的事情”,这意味着开发者可以使用简短的代码完成复杂的任务...

    带收藏转载的jquery瀑布流.zip

    总的来说,这个压缩包中的内容涵盖了前端开发中的多个重要知识点,包括jQuery库的使用、无限滚动插件的应用、用户交互功能的实现以及页面布局策略。对于想要学习和掌握网页动态加载和优化用户体验的开发者来说,这是...

    《锋利的jQuery(第2版)》(清晰版).zip

    读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点,并结合每个章节后面的案例演示进行练习,达到掌握核心知识点的目的。...

    jquery的经典资料

    本学习指南以实例为基础,逐步介绍了jQuery的基本工作原理和技术要点。以下是对主要章节的概述: ##### 1. 安装 - **准备工作**:首先需要获取jQuery库。最新版本可在官方网站下载。 - **示例文件**:推荐下载...

    杨洋疯狂C#第一期 Jquery相关代码

    通过这些实例,学习者可以逐步理解并实践jQuery的各种功能,从而提高前端开发的效率。同时,由于是C#的第一期教程,这也暗示着后续可能会有更多关于C#与前端交互的内容,比如ASP.NET MVC与jQuery的整合应用。 总之...

    《锋利的jQuery》(高清扫描版).pdf

    读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点,并结合每个章节后面的案例演示进行练习,达到掌握核心知识点的目的。...

    带收藏转载的jquery瀑布流特效代码

    在本案例中,我们关注的是一个基于jQuery实现的瀑布流特效代码,该代码具有收藏和转载功能,同时集成了翻页插件jquery.infinitescroll来实现内容的无限滚动。 首先,jQuery是JavaScript的一个库,它简化了DOM操作、...

    jQuery实现图片随机切换、抽奖功能(实例代码)

    本文详细介绍了如何利用jQuery实现图片随机切换和抽奖功能,并提供了具体的实例代码。通过阅读本文,读者将学会使用jQuery进行图片切换和实现简单的抽奖程序,掌握如何通过JavaScript定时器和DOM操作来创建动态的...

    网页三级菜单制作(转载)

    网页制作中的菜单设计是用户体验的重要组成部分,...通过这个实例,你可以学习到如何结合HTML、CSS和jQuery创建一个具有吸引力的动态菜单,提升网站的用户体验。记得在实践中不断尝试和改进,以适应不同项目的需求。

    暴风影音jQuery焦点图

    通过学习和理解这个"暴风影音jQuery焦点图",开发者可以掌握创建动态、交互式焦点图的方法,进一步提升网站的用户体验。同时,这也能帮助开发者深入理解jQuery的核心概念和常用技术,对提升前端开发技能大有裨益。

    AJAX学习手记,网络转载,来之不易.

    2. **创建XMLHttpRequest对象**:在JavaScript中,可以使用`new XMLHttpRequest()`创建一个实例。 3. **打开连接**:使用`open()`方法指定请求类型(GET、POST等)、URL和是否异步执行。 4. **发送请求**:调用`send...

    ogame中文源代码(网络转载)

    前端部分展示了如何使用JavaScript(可能包括jQuery等库)进行动态页面更新,实现用户界面的实时反馈。同时,源代码可能还包含Ajax技术,用于在不刷新页面的情况下与服务器通信,实现无缝的游戏体验。 4. **后端...

    jQuery鼠标滑过横向时间轴样式(代码详解)

    本文通过实例代码,详细介绍了使用jQuery实现一个鼠标滑过横向时间轴样式的方法,这个方法不仅使得时间轴的展现更加动态,而且提高了用户的交互体验。 首先,从HTML代码中,我们可以看到时间轴的基本结构。整个时间...

    凡芷童个人博客.rar

    总的来说,这个压缩包提供了一个实践和学习网页开发的实例。通过研究凡芷童个人博客的源码,可以提升HTML结构设计、CSS样式控制和JavaScript编程的能力,同时也能了解到一个实际网站的完整构建过程。对于初学者而言...

    【转载】javaScript常用的东东

    JavaScript是一种广泛应用于Web开发的脚本语言,它...在实际应用中,还可以结合其他技术如jQuery、React、Vue等库或框架,以及ES6+的新特性,进一步提升开发体验。不断学习和实践,才能在JavaScript的世界里游刃有余。

    纯HTML5+JS+PHP批量上传

    我只是将其代码中asp实例改成了php,转载及使用必须注明原作者。 请遵循原作者开放分享的方式,请勿用来赚取积分!!! 代码做的非常简单,只是用于演示,没有加入任何过滤函数。请务必修改(加入过滤函数)后使用...

    select自定义

    作者欢迎他人转载使用,只需支付一分鼓励,这体现了开源共享的精神。 总之,自定义`select`是一种提高网页用户体验的有效手段,通过结合HTML、CSS和JavaScript(或jQuery),我们可以创造出既美观又实用的下拉选择...

    兼容所有浏览器的弹出层登录

    本文将详细讲解如何实现这样一个功能,并分享一个模仿Win7风格的弹出层实例。 首先,我们需要理解浏览器兼容性问题。不同的浏览器可能对HTML、CSS和JavaScript的解析方式有所差异,这可能导致某些设计在特定浏览器...

    bootstrap datepicker的基本使用教程

    使用jQuery初始化Datepicker控件,并且可以设置相关配置参数。如日期格式、视图模式、自动关闭等。配置项包括但不限于: - `format`:设置日期的显示格式。 - `startView`:设置初始显示的视图层级。 - `...

    05-javaWeb-validate&bootstred.7z

    jqery validate插件 案例1-表单校验 bootstrap 栅格系统媒体查询: 案例2-创建一个响应式的页面 ...版权声明:本文为CSDN博主「oooola」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

Global site tag (gtag.js) - Google Analytics