JQuery
From BC$ MobileTV Wiki
Revision as of 00:40, 6 November 2009 by 198.164.42.125 (Talk)
jQuery is a lightweight JavaScript library and in many ways acts as though it were a separate data binding language. It is typically used for session-based persistent data storage within memory but is, however, also capable of accomplishing more permanent storage by placing the data in a .js (JavaScript extension).
//Completely move jQuery to a new namespace in another object. var dom = {}; dom.query = jQuery.noConflict(true);
Contents
jQuery2
- jquery2 -- a human-readable metadata language for jquery (by its creator John Resig): http://ejohn.org/apps/jquery2/
Selectors
- jQuery -- API/1.3/Selectors: http://docs.jquery.com/Selectors
Plugins
Cycle
- jQuery Cycle Plugin: http://www.malsup.com/jquery/cycle/
Edit-In-Place
- jquery-in-place-editor -- jQuery In Place Editor: http://code.google.com/p/jquery-in-place-editor/
SimpleModal
- simplemodal - A jQuery plugin to create a modal dialog: http://www.ericmmartin.com/projects/simplemodal/
LiveQuery
- jQuery - LiveQuery demo: http://docs.jquery.com/Plugins/livequery
- http://net.tutsplus.com/freebies/plugins/live-query/
PinWheel
- Pinwheel (see demo): http://code.google.com/p/pinwheel/
Toolbar
- jQuery UI - Toolbar: http://wiki.jqueryui.com/Toolbar
- http://daersystems.com/jquery/toolbars/
- http://vmx.cx/jquery/ui/ui-toolbar.htm
- jQuery - Toolbar 2: http://www.bytetransfer.de/projects/jquery/toolbar2/
- Styling Buttons and Toolbars with the jQuery UI CSS Framework: http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/
FaceBox
Close the facebox from an iframe:
parent.jQuery(parent.document).trigger('close.facebox');
Hide the close link from an iframe:
$(document).ready(function () { parent.$('#facebox a.close').hide(); // hide the regular close link });
- FaceBox: http://famspam.com/facebox
- Facebox image and content viewer (v 1.1): http://www.dynamicdrive.com/dynamicindex4/facebox/index.htm
Calculator
- jQuery Calculator: http://keith-wood.name/calculator.html
Pagination
- jQuery Quick Pagination: http://projects.allmarkedup.com/jquery_quick_paginate/
PagePeel
- jQuery Page Peel 1.2.1 : http://www.smple.com/pagePeel/
- Creating A Page Peel Effect With jQuery & CSS: http://www.webresourcesdepot.com/creating-a-page-peel-effect-with-jquery-css/
Password Strength
- Password Strength - Estimates brute force time (jQuery plugin): http://www.unwrongest.com/projects/password-strength/
Slider
- yCodaSlider: http://maxb.net/blog/2008/05/11/ycodaslider-20/
- yCodaSlider DEMO: http://www.maxb.net/scripts/ycodaslider-3.0/demo/index.html
- jQuery Coda Slider: http://jqueryfordesigners.com/demo/coda-slider.html
- Create Featured Content Slider Using jQuery UI: http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
DEMOS
- 20 jQuery & CSS unbelievable demos: http://www.noupe.com/css/20-wicked-proof-of-concepts-for-better-use-of-jquerycss.html
- jQuery Image Cube: http://keith-wood.name/imageCube.html
- YouTube video thumbnail/screenshot getter - jYouTube: http://plugins.jquery.com/project/jyoutube
- jQuery Bookmark: http://keith-wood.name/bookmark.html
- opensocial-jquery is jQuery based concise JavaScript Library for rapid OpenSocial Gadgets development: http://code.google.com/p/opensocial-jquery/
- jPlayer -- jQuery mp3 player plugin: http://www.happyworm.com/jquery/jplayer/0.2.3/demos.htm
- jQuery Tools (by FlowPlayer team): http://flowplayer.org/tools/demos/index.html
- Some jQuery experiments with Google Maps: http://maps.forum.nu/
- jCarousel - Riding carousels with jQuery: http://sorgalla.com/projects/jcarousel/
- jQuery Multimedia Portfolio: http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html
- Portfolio Layout Idea Using jQuery: http://benjaminsterling.com/portolio-layout-idea-using-jquery/
- Tutorial -- Simple grey out screen effect with jQuery: http://hungred.com/2009/07/25/how-to/tutorial-simple-screen-grey-effect-jquery/
- Sliding Boxes and Captions with jQuery: http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
jGrowl
Polaroid Viewer
- Creating a polaroid photo viewer with CSS3 and jQuery: http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html
- The Polaroid Photo Viewer - Non-Full Screen : http://www.marcofolio.net/webdesign/the_polaroid_photo_viewer_non-full_screen.html
Simple Modal
- A Simple Modal: http://deseloper.org/read/tag/jquery/
- A Simple Modal: ExampleView Window: http://deseloper.org/examples/modal-simple/
Galleries
- Create Featured Content Slider Using jQuery UI: http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
- dGallery 1.0 Demo: http://iamntz.com/experiments/dSlide/
- A Simple jQuery Slideshow: http://jonraasch.com/blog/a-simple-jquery-slideshow
- Supersized – Full Screen Background/Slideshow jQuery Plugin: http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/
- jQuery Slideshow -- Simple Controls Gallery: http://www.webresourcesdepot.com/jquery-slideshow-simple-controls-gallery/
- 15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials: http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/
Tutorials
- Auto-populating Select Boxes using jQuery & AJAX: http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-ajax/
- Auto-populate multiple select boxes: http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/
- Easy Multi Select Transfer with jQuery: http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html
- Create A Slider From A Select Box: http://www.webresourcesdepot.com/create-a-slider-from-a-select-box/
- Access-Oriented Web Design - Building highly-interactive web apps that work for everyone: http://www.filamentgroup.com/lab/progressive_enhancement_convert_select_box_to_accessible_jquery_ui_slider/
- Edit in Place with Ajax and jQuery: http://docs.jquery.com/Tutorials:Edit_in_Place_with_Ajax
- Creating DOM Elements on the fly with jQuery: http://www.thinkflick.com/how-to/creating-dom-elements-on-the-fly-with-jquery/
- DOM Manipulation and table (column) sorting: http://www.evotech.net/blog/2008/11/jquery-tutorial-dom-manipulation-and-sorting/
- Add/remove form elements using jQuery: http://mohdshaiful.wordpress.com/2007/05/31/form-elements-generation-using-jquery/
- Ask Ben: Detecting When DOM Elements Have Been Removed With jQuery: http://www.bennadel.com/blog/1623-Ask-Ben-Detecting-When-DOM-Elements-Have-Been-Removed-With-jQuery.htm
- Horizontal Scroll Menu with jQuery Tutorial: http://www.queness.com/post/256/horizontal-scroll-menu-with-jquery-tutorial
- Simple jQuery Modal Window Tutorial : http://www.queness.com/post/77/simple-jquery-modal-window-tutorial
- How to implement a JQuery AJAX Login Form into a Modal Box: http://www.bitrepository.com/ajax-login-modal-box.html
- jQuery Ajax Contact Form Using Facebox: http://www.freecss.info/tutorial/contact/index.html
- Tutorial -- How to make your own shuffle effect with jQuery: http://hungred.com/2009/04/17/how-to/tutorial-shuffle-effect-jquery/
- Advanced jQuery Tabbed Box Techniques: http://www.cssnewbie.com/advanced-jquery-tabbed-box-techniques/
- PHP/jQuery Todo List Part 2: http://query7.com/php-jquery-todo-list-part-2/comment-page-1
- Create a Ajax based Form Submission with jQuery: http://www.queness.com/post/160/create-a-ajax-based-form-submission-with-jquery
- jQuery Makes Ajax Easy, Part 1: http://techrageo.us/2007/08/03/jquery-makes-ajax-easy-part-1/
- XML Parsing with jQuery: http://www.switchonthecode.com/tutorials/xml-parsing-with-jquery
- Combo Select Boxes In jQuery: http://devblog.jasonhuck.com/2008/03/08/combo-select-boxes-in-jquery/
Event Delegation
- Event Delegation with jQuery: http://lab.distilldesign.com/event-delegation/
- Event Delegation versus Event Handling: http://icant.co.uk/sandbox/eventdelegation/
- Event Delegation Made Easy: http://www.danwebb.net/2008/2/8/event-delegation-made-easy-in-jquery
Resources
- jQuery project home: http://jquery.com
- Visual jQuery - visual explanation of the web's favorite interactive javascript library: http://visualjquery.com/
- Visual jQuery update: http://trac.visualjquery.com/
- JQueryList (big list of the best jQuery plugins/extensions): http://www.jquerylist.com
- jQuery + PHP cool demos (form builder, image/file manager, uploader, floatingBox, etc...): http://www.phpletter.com/DOWNLOAD/
- Simple Star Rating System: http://php.scripts.psu.edu/rja171/widgets/rating.php
- jQuery -- AjaxFileUpload: http://www.phpletter.com/Our-Projects/AjaxFileUpload/
- JQuery File Upload Script -- Uploadify: http://www.uploadify.com/
- jQuery Tooltip: http://flowplayer.org/tools/tooltip.html
- jQuery Treeview Plugin Demo: http://jquery.bassistance.de/treeview/demo/?1
- Simple JQuery Image Slide Show with Semi-Transparent Caption: http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption
- Creating A Sliding Sidebar That Follows The User: http://www.dvq.co.nz/web-design/creating-a-sliding-sidebar-that-follows-the-user/
- jSquared is a jQuery plugin for UI like in Google Squared: http://code.google.com/p/nreco/wiki/JSquared
- A jQuery inline form validation, because validation is a mess: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
- jQuery PHP & MySQL Username Availability Checker: http://papermashup.com/jquery-php-mysql-username-availability-checker/
- Persistent drag and drop tree with jQuery, PHP and MySQL – part 1: http://www.mdgart.com/2009/03/15/persistent-drag-and-drop-tree-with-jquery-php-and-mysql-part-1/
External Links
- jQuery Benefits & eBook: http://roshanbh.com.np/2008/03/jquery-benefits-examples-free-ebook.htmls
- Accessible News Slider for jQuery v.1.1 - now a plugin and more accessible: http://blog.reindel.com/2007/03/17/accessible-news-slider-for-jquery-v11-now-a-plugin-and-more-accessible/
- JavaScript Obfuscator : http://www.mkyong.com/javascript/javascript-obfuscator/
- Using multiple versions of javascript libraries: http://www.adaptavist.com/display/~mgibson/Using+multiple+versions+of+javascript+libraries
- Using jQuery with Other Libraries: http://docs.jquery.com/Using_jQuery_with_Other_Libraries
- A jQuery Plugin to Create an Interactive, Filterable Portfolio: http://www.newmediacampaigns.com/page/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours
- Showcase for the best JS Framework interactivity demos: http://notcoffee.net/
- Using jQuery to Produce Rich User Interfaces: http://onwired.com/blog/using-jquery-to-produce-rich-user-interfaces-onwired-portfolio-example/
- Simplicity - Ultimate jQuery Animated Portfolio (Degrades Gracefully): http://themeforest.net/item/simplicity-ultimate-jquery-animated-portfolio-degrades-gracefully/17763
- jQuery Corner Demo: http://www.malsup.com/jquery/corner/
- Sliding Jquery Menu: http://www.tutcity.com/view/jquery-sliding-menu.18646.html
- Creating a Slide-In jQuery Contact Form: http://designshack.co.uk/tutorials/creating-a-slide-in-jquery-contact-form
- jquery gestures: http://friggeri.net/blog/2008/12/21/jquery-gestures
- NyroModal :: jQuery Plugin: http://nyromodal.nyrodev.com/
- Slide out and drawer effect: http://jqueryfordesigners.com/slide-out-and-drawer-effect/
- jQuery UI Accordion Widget - Part 1: http://www.packtpub.com/article/jquery-ui-accordion-widget-part1
- jQuery UI Accordion Widget - Part 2: http://www.packtpub.com/article/jquery-ui-accordion-widget-part2
- jQuery accordion Plugin Demo: http://jquery.bassistance.de/accordion/demo/
- Standard Accordion: http://fmarcia.info/jquery/accordion.html
- Coda-Slider 1.1.1: http://www.ndoherty.com/demos/coda-slider/1.1.1/#1
- Creating a “Filterable” Portfolio with jQuery: http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-filterable-portfolio-with-jquery/
- jQuery Week Calendar: http://www.redredred.com.au/projects/jquery-week-calendar/
- jQuery Datepicker: http://keith-wood.name/datepick.html
- jQuery Time Entry: http://keith-wood.name/timeEntry.html
- John Resig -- "Advancing JavaScript with Libraries": http://yuiblog.com/blog/2007/04/16/video-resig/
- How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery: http://net.tutsplus.com/html-css-techniques/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/
- 7 Incredibly Beautiful Sliding Panels with jQuery: http://www.balkhis.com/web-designs-resources/7-incredibly-beautiful-sliding-panel-with-jquery/
- jQuery for Designers: http://www.webdesignerwall.com/demo/jquery/
- How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3: http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/
- 37 More Shocking jQuery Plugins: http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html
- Play Your Cards Right -- Run Your First Card Sort: http://www.sitepoint.com/blogs/2009/06/09/play-your-cards-right-run-your-first-card-sort/
- JavaScript and jQuery -- Web Apps as Highly Interactive as Desktop Apps: http://www.devx.com/webdev/Article/40497/1954
- Use jQuery object of parent in an iframe: http://www.nabble.com/use-jQuery-object-of-parent-in-an-iframe-td23768479s27240.html
- inherit.js - jQuery Sharing between Parents and iFrames: http://snipplr.com/view/15393/inheritjs--jquery-sharing-between-parents-and-iframes/
- jQuery Tabbed Interface / Tabbed Structure Menu Tutorial: http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial
- jQuery modal box round up: http://komunitasweb.com/2009/03/jquery-modal-box-round-up/
- Creating a Shaking Login Form: http://designshack.co.uk/articles/creating-a-shaking-login-form
- Improve your jQuery - 25 excellent tips: http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx
- 5 Tips for Better jQuery Code: http://marcgrabanski.com/article/5-tips-for-better-jquery-code
- jQuery Data() Method Associates Data With DOM Elements - SWEET ASS SWEET!: http://www.bennadel.com/blog/1404-jQuery-Data-Method-Associates-Data-With-DOM-Elements-SWEET-ASS-SWEET-.htm
- Introducing $(document).ready(): http://www.learningjquery.com/2006/09/introducing-document-ready
- When Does jQuery Consider The DOM Loaded And Can I Use It Beforehand: http://www.bennadel.com/blog/583-When-Does-jQuery-Consider-The-DOM-Loaded-And-Can-I-Use-It-Beforehand.htm
- Difference between $(document).ready and $(window).load in jQuery: http://tutsvalley.com/daily_tip/daily-tip-difference-between-document-ready-and-window-load-in-jquery/
- Top Floating message box using jQuery: http://roshanbh.com.np/2008/07/top-floating-message-box-using-jquery.html
- How to access iframe in jQuery: http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/
- jQuery image swap or How to replace an image with another one using jQuery: http://jquery-howto.blogspot.com/2009/04/jquery-image-swap-or-how-to-replace.html
- jqModal -- Draggable Floating Dialog: http://jetlogs.org/2008/06/04/jqmodal-draggable-floating-dialog/
- Using jQuery to Skip the TinyMCE Editor Toolbar When Using the Tab Key: http://iamzed.com/2007/06/20/using-jquery-to-skip-the-tinymce-editor-toolbar-when-using-the-tab-key/
- 14 Best Collection Of jQuery Web Interface Design Plugins and Tutorials: http://www.jquery.wisdomplug.com/jquery-plugins/jquery-user-interface-plugins-jquery-plugins/14-best-collection-of-jquery-web-interface-design-plugins-and-tutorials/
- 45+ New jQuery Techniques For Good User Experience: http://www.smashingmagazine.com/2009/01/15/45-new-jquery-techniques-for-a-good-user-experience/
- Sliding icon-based menu using jQuery: http://www.ilovecolors.com.ar/sliding-menu-using-jquery/
- AJAX Notepad: http://forums.tizag.com/showthread.php?t=2849
- AJAX Notepad 2: http://www.tizag.com/forums/showthread.php?p=23290
- jQuery BlockUI Plugin (v2): http://malsup.com/jquery/block/#demos
- VisualLightBox: http://lightbox2.com/jquery-lightbox-inline.html
- Top 5 jQuery Modal Plugins: http://elijahmanor.com/post/Top-5-jQuery-Modal-Plugins.aspx
- prettyPhoto a jQuery lightbox clone: http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/#_api
- jQuery Media Plugin: http://www.malsup.com/jquery/media/#demos
- Drag & Drop with PHP & jQuery: http://papermashup.com/drag-drop-with-php-jquery/
- Dynamic Drag’n Drop With jQuery And PHP: http://www.webresourcesdepot.com/dynamic-dragn-drop-with-jquery-and-php/
- Load Content While Scrolling With jQuery: http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/
- Infinite Scroll: http://www.infinite-scroll.com/
- Create a Vertical Scrolling Menu with CSS and jQuery: http://www.webdesignbooth.com/create-a-vertical-scrolling-news-ticker-with-jquery-and-jcarousel-lite/
- RSS FeedAnimate a hover with jQuery: http://www.incg.nl/blog/2008/hover-block-jquery/
- JQuery Gains Live DOM Binding with Live Query Plugin: http://www.infoq.com/news/2007/08/livequery
- Events/bind: http://docs.jquery.com/Events/bind
- jQuery Event Delegation: http://jordanelver.co.uk/
- jQuery Example -- Binding form fields: http://www.insideria.com/2009/06/jquery-example-binding-form-fi.html
- Re-binding jQuery Events on AJAX Callbacks: http://jetlogs.org/2009/01/29/re-binding-jquery-events-on-ajax-callbacks/
- No more re-binding with jQuery 1.3: http://www.paulsrichards.com/2009/01/26/no-more-re-binding-with-jquery-13/
- jQuery Plugin: rotate3Di - Flip HTML content in 3D: http://www.zachstronaut.com/projects/rotate3di/
- 6 more jQuery Tips -- Text Searching, Page Load Time and Others: http://johannburkard.de/blog/programming/javascript/6-more-jquery-tips-text-searching-page-load-time-and-others.html
- JQuery for Everyone -- Faster than Document.Ready: http://www.endusersharepoint.com/2009/05/18/jquery-for-everyone-faster-that-documentready/
- jQueryGalore: http://www.jquerygalore.com/