JQuery
From BC$ MobileTV Wiki
javascript Query language (project name formally abbreviated 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).
Specifications
- jQuery API Docs: http://docs.jquery.com[1][2]
- jQuery features (interactive guide): http://api.jquery.com/browser/
Versions
1.x
Cite error: Invalid <ref>
tag;
refs with no name must have content
2.x
Cite error: Invalid <ref>
tag;
refs with no name must have content
3.x
Language
/* Completely move jQuery to a new namespace in another object or library. */ var dom = {}; dom.query = jQuery.noConflict(true);
AJAX
- jQuery - $.ajax: http://docs.jquery.com/ajax
JSON
- Making JSON requests: http://api.jquery.com/jQuery.getJSON/ (as of version 1.0)
- Parse JSON responses: http://api.jquery.com/jQuery.parseJSON/ (as of version 1.4.1)
JSONP
- JSONp - requesting JSON data cross-domain: http://api.jquery.com/jQuery.getJSON/#jsonp (as of version 1.5)
Selectors
- jQuery -- API/1.3/Selectors: http://docs.jquery.com/Selectors[4]
Libraries
jQuery2
- jquery2 -- a human-readable metadata language for jquery (by its creator John Resig): http://ejohn.org/apps/jquery2/
Mobile
- jQuery Mobile: http://jquerymobile.com | Demos[5][6]
- jQuery Mobile dictionary: http://jquerymobiledictionary.dyndns.org/
- An Introduction to jQuery Mobile: http://thoughtsunlimited.net/intro-to-jquery-mobile/
- Using AJAX with JQuery Mobile: http://www.giantflyingsaucer.com/blog/?p=1948
- 5 Excellent jQuery Mobile Tutorials: http://blogfreakz.com/mobile-development/jquery-mobile-tutorials/[7][8][9][10][11][12]
Plugins
- Plugins/Authoring OFFICIAL: http://docs.jquery.com/Plugins/Authoring
- jQuery Plugin boilerplate: http://stefangabos.ro/jquery/jquery-plugin-boilerplate-revisited/
- How to Create Your Own jQuery Plugin (2010): http://msdn.microsoft.com/en-us/scriptjunkie/ff608209
- How To Develop a jQuery Plugin (2009): http://blogs.sitepoint.com/2009/07/22/how-to-develop-a-jquery-plugin/
- Building Your First jQuery Plugin (2008): http://blog.jeremymartin.name/2008/02/building-your-first-jquery-plugin-that.html
- Learn How to Create a jQuery Plugin: http://net.tutsplus.com/articles/news/learn-how-to-create-a-jquery-plugin/
- How To Create A jQuery Plugin In Under 5 Minutes (screencast): http://addyosmani.com/jquerypluginin5mins/
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[16]
PinWheel
- Pinwheel (see demo): http://code.google.com/p/pinwheel/
SelectImage
- SelectImage: http://plugins.jquery.com/project/selectimage
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/
InView
- jQuery -- Element 'inview' Event Plugin: https://github.com/protonet/jquery.inview (detects when a specific element on the page becomes visible to the user)
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
- Facebox + Center On Page and Window Resize Capabilities: http://www.webfixtech.com/blog/2009/04/jquery-modal-facebox-with-center-on-page-capabilities/
Webcam
- Photobooth with PHP, jQuery and CSS3: http://tutorialzine.com/2011/04/jquery-webcam-photobooth/
- jQuery webcam plugin: http://www.xarg.org/project/jquery-webcam-plugin/
Calculator
- jQuery Calculator: http://keith-wood.name/calculator.html
Pagination
- jQuery Pagination: http://plugins.jquery.com/project/pagination
- jQuery Quick Pagination: http://projects.allmarkedup.com/jquery_quick_paginate/
- Sweet Pages - A jQuery Pagination Solution: http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/
PagePeel
- jQuery (smooth/flash-free) Peel Back Ad: http://www.ravelrumba.com/blog/jquery-peel-back-ad/
- 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/ DEMO
- 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/
- AnythingSlider: http://css-tricks.com/examples/AnythingSlider/
- jQuery Tools - scrollable content slider: http://flowplayer.org/tools/demos/scrollable/gallery.html
- Coda-Slider 1.1.1: http://www.ndoherty.com/demos/coda-slider/1.1.1/#1
- Easy Slider 1.7 - Numeric Navigation jQuery Slider: http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider
- Create Featured Content Slider Using jQuery UI: http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
- 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/
- Create an iPhone (mobile safari tabbed interface)-like content slider with jQuery: http://blog.cameronbaney.com/tutorials/create-a-slick-content-slider-using/
- bxSlider: http://bxslider.com/
- Mobile jQuery Content Slider: http://codecanyon.net/item/mobile-jquery-content-slider/310189
- NivoSlider: https://github.com/Codeinwp/Nivo-Slider-jQuery[19][20]
Dial/Knob effect
- jQuery plugin - Round Slider: https://roundsliderui.com/ | SRC | DEMO
- jQuery plugin - Knob: http://anthonyterrien.com/knob/ | SRC | DEMO
Tabs
- jQuery Tabs: http://jqueryui.com/demos/tabs/
Tree
- JS Tree: http://www.jstree.com/demo/
- SimpleTree Plugin: http://news.kg/wp-content/uploads/tree/
- Persistent drag and drop tree with jQuery SimpleTree, PHP and MySQL – part 2: http://www.mdgart.com/2009/03/29/persistent-drag-and-drop-tree-with-jquery-php-and-mysql-part-2/
Charts
- jQuery Visualize Plugin -- Accessible Charts & Graphs from Table Elements using HTML 5 Canvas: http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/
Polls
- Creating a Dynamic Poll with jQuery and PHP: http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-dynamic-poll-with-jquery-and-php/
Grid
- jGrid: http://www.trirand.com/blog/
TagCloud
- jQuery TagCloud (management/form) plugin: http://www.bulgaria-web-developers.com/projects/javascript/tagcloud/
- How to Create a 3D Tag Cloud in jQuery: http://www.devirtuoso.com/2009/08/how-to-create-a-3d-tag-cloud-in-jquery/
Sparklines
- jQuery Sparklines - small inline charts: http://www.omnipotent.net/jquery.sparkline/
- Visualizing crime rates in the UK (using new Linked Data.co.uk datasets): http://www.jenitennison.com/visualisation/crime.html
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
- TN3 - Fullscreen Gallery: http://www.tn3gallery.com/examples/
- 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/
- jQuery colorBox (aka cbox): http://colorpowered.com/colorbox/
- 15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials: http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/
Scrolling
- liScroll (a jQuery News Ticker made easy) 1.0: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
- jQuery Marquee Demo: http://remysharp.com/2008/09/10/the-silky-smooth-marquee/
- jScroller - Autoscroller for jQuery: http://jscroller.markusbordihn.de/
- Marquee jQuery Plug-in: http://www.givainc.com/labs/marquee_jquery_plugin.htm
- jScrollpane: http://jscrollpane.kelvinluck.com/ [22]
- jQuery Scroll Path: http://joelb.me/scrollpath/
PageFlip
- Booklet - jQuery tool for displaying content on the web in a flipbook layout: http://builtbywill.com/code/booklet/
- Sexy Curl Plus - An Awesome jQuery Page Flip Plugin: http://plugins.jquery.com/project/sexy-curl-plus [23]
- JQuery Plugin - imBookFlip -- Page Turning without Flash: http://grasshopperpebbles.com/ajax/jquery-plugin-imbookflip-page-turning-without-flash/
File Upload
- jQuery FileTree -- Server-side File Browser (with ASP/PHP/JSP hooks): http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/[24]
- SFBrowser -- Client-side File Browser and Uploader (jQuery & PHP5): http://code.google.com/p/sfbrowser/
Image Crop
- jQuery Image Cropper with Uploader v1.1: http://tympanus.net/codrops/2009/11/04/jquery-image-cropper-with-uploader-v1-1/[25]
Self-organizing Layout
- Isotope - amazing self-shifting Periodic Table: http://isotope.metafizzy.co/
SOAP
- jQuery SOAP Client: http://plugins.jquery.com/project/jqSOAPClient
Other
- 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/
- Cloud Carousel - A 3d Carousel in Javascript: http://www.professorcloud.com/mainsite/carousel.htm
- Making a jQuery infinite carousel with nice features: http://web.enavu.com/tutorials/making-a-jquery-infinite-carousel-with-nice-features/
- 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/
- jQuery largePhotoBox - popup photo box (unique factor is the interactive auto-scrolling for images larger than your screen): http://www.interag.net/largephotobox/
- Flyout Ribbon using jQuery and CSS3: http://www.how-to-asp.net/flyout-ribbon-jquery-css3/
- jQuery Retina Display plugin (for iPad 2x Hi-Res Image Scaling): http://troymcilvena.com/post/998277515/jquery-retina
- jQuery Nuvu Text Animation: http://nuvutype.nrcstudios.info/
- jQuery plugin -- stock quotes: https://github.com/ajwhite/jquery-stockquotes (good JSONp example)
Tools
Testing
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/
- PlUpload: http://www.plupload.com (jQuery uploading tool backed by Silverlight, Flash, or PHP/server-side script of your choice)
- 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/
- jquery-presenter -- jQuery-based Presentation Tool: http://code.google.com/p/jquery-presenter/
- Metro style theme for jQuery Mobile: http://blogs.msdn.com/b/interoperability/archive/2012/04/26/more-news-from-ms-open-tech-announcing-the-open-source-metro-style-theme.aspx
Tutorials
- jQuery for Absolute Beginners - The Complete Series: http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/
- How to Setup jQuery.ready Callbacks Before jQuery is Loaded: http://blog.vervestudios.co/blog/post/2011/07/01/How-to-Setup-jQueryready-Callbacks-Before-jQuery-is-Loaded.aspx
- How to lazy load jQuery dyamically: http://www.squidoo.com/load-jQuery-dynamically
- Paul Irish -- 10 Things I Learned from the jQuery Source: https://www.youtube.com/watch?v=i_qE1iAmjFg[29]
- 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/
- AutoCompleter Tutorial – jQuery(Ajax)/PHP/MySQL: http://www.nodstrum.com/2007/09/19/autocompleter/
- Dynamic Drag’n Drop With jQuery And PHP: http://www.webresourcesdepot.com/dynamic-dragn-drop-with-jquery-and-php/
- 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/
- Combo Select Boxes In jQuery: http://devblog.jasonhuck.com/2008/03/08/combo-select-boxes-in-jquery/
- jQuery Dropdown Search Panel: http://www.gilbertpellegrom.co.uk/jquery-dropdown-search-panel/
- How to set a value in Drop down as selected: http://praveenbattula.blogspot.com/2009/08/jquery-how-to-set-value-in-drop-down-as.html
- How to Use the jQuery UI Autocomplete Widget: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/
- 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/
- 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
- Using .data() -- jQuery’s "data-*" attribute APIs: https://www.learningjquery.com/2011/09/using-jquerys-data-apis
- jQuery - dynamic page height() with window resize(): https://stackoverflow.com/questions/8130946/jquery-dynamic-height-with-window-resize
- 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[30]
- 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
- jQuery Ajax Example with JSON Response: https://www.lennu.net/jquery-ajax-example-with-json-response/ (using jQuery 3.x newer .done(function(data){}) and .fail(function(data){}) syntax rather than legacy success: function(data){} and error: function(data){})
- Using getResponseHeader() with jQuery’s AJAX method: https://osric.com/chris/accidental-developer/2014/08/using-getresponseheader-with-jquerys-ajax-method/
- How to get all the response headers on all jQuery AJAX requests: https://foxontherock.com/how-to-get-response-headers-on-all-jquery-ajax-requests/
- Create an Amazon Books Widget with jQuery and XML : http://net.tutsplus.com/tutorials/javascript-ajax/create-an-amazoncom-books-widget-with-jquery-and-xml/comment-page-1/#comments
- Parse HTML string with jQuery: http://stackoverflow.com/questions/704679/parse-html-string-with-jquery
- File Uploads in jQuery: http://wiki.jqueryui.com/w/page/12137894/FileUploader
- Create an Upload Progress Bar With PHP and jQuery: http://www.ultramegatech.com/blog/2010/10/create-an-upload-progress-bar-with-php-and-jquery/
- $(this) selector and children?: http://stackoverflow.com/questions/306583/this-selector-and-children
- Using jQuery To Manipulate and Filter Data: http://net.tutsplus.com/tutorials/javascript-ajax/using-jquery-to-manipulate-and-filter-data/
- Difference between $(document).ready and $(window).load in jQuery: http://web.enavu.com/daily-tip/daily-tip-difference-between-document-ready-and-window-load-in-jquery/
- Quick Tip - Dim the Lights using Flash and jQuery: http://active.tutsplus.com/tutorials/effects/quick-tip-dim-the-lights-using-flash-and-jquery/
- jQuery Change CSS Dynamically – It’s Easy!: http://www.jquery4u.com/dynamic-css-2/change-css-jquery/
- Working with jQuery Mobile Panels: http://java.dzone.com/articles/working-jquery-mobile-panels
- Important Tips Every jQuery Developer Should Know: http://www.dotnetcurry.com/showarticle.aspx?ID=1073
- 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/
- jQuery's implementation of deferreds & promises - .then() vs .done(): https://stackoverflow.com/questions/5436327/jquery-deferreds-and-promises-then-vs-done
- Removing the Confusion Between JQuery Ajax success:, .success() and .done(): https://codesport.io/coding/jquery-ajax-success-and-done/
- 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
- Debounced Resize() jQuery plugin: https://www.paulirish.com/2009/throttled-smartresize-jquery-event-handler/ | $(window).on('debouncedresize', function(evt) { resizeContent(); /*call some resizing function */ });
- JQUERY - element appended to html not visible by click event: http://efreedom.com/Question/1-6018648/Element-Appended-Html-Visible-Click-Event
- Removing, Replacing and Moving Elements in jQuery: http://www.elated.com/articles/jquery-removing-replacing-moving-elements/
- How To Find Events (that are) Bound To An Element With jQuery: http://css.dzone.com/articles/how-find-events-bound-element
- Best way to find “next” form input element in jQuery?: https://stackoverflow.com/questions/290535/best-way-to-find-next-form-input-element-in-jquery
- jQuery to Pure JavaScript Questions: https://stackoverflow.com/questions/20388125/jquery-to-pure-javascript-questions
- From jQuery to JavaScript -- A Reference: https://code.tutsplus.com/tutorials/from-jquery-to-javascript-a-reference--net-23703
- Is there an easy way to convert jquery code to javascript?: https://stackoverflow.com/questions/978799/is-there-an-easy-way-to-convert-jquery-code-to-javascript
- (Now More Than Ever) You Might Not Need jQuery: https://css-tricks.com/now-ever-might-not-need-jquery/
- Quick Tip -- Replace jQuery’s Ready() with Plain JavaScript: https://www.sitepoint.com/jquery-document-ready-plain-javascript/
External Links
- wikipedia: jQuery
- jQuery Benefits & eBook: http://roshanbh.com.np/2008/03/jquery-benefits-examples-free-ebook.htmls
- Don’t let jQuery’s $(document).ready() slow you down: http://encosia.com/dont-let-jquerys-document-ready-slow-you-down/
- Can someone explain the dollar sign in Javascript?: https://stackoverflow.com/questions/846585/can-someone-explain-the-dollar-sign-in-javascript
- How to get and set form element values with jQuery: http://www.electrictoolbox.com/jquery-get-set-form-values/
- 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 Common Accordion - Horizontal & Vertical: http://www.marghoobsuleman.com/jQuery-common-accordion
- jQuery accordion Plugin Demo: http://jquery.bassistance.de/accordion/demo/
- Standard Accordion: http://fmarcia.info/jquery/accordion.html
- 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/
- How to hide all elements except one using jquery?: https://stackoverflow.com/questions/1535331/how-to-hide-all-elements-except-one-using-jquery
- 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
- Attribute Contains Word Selector [name~=”value”]: https://api.jquery.com/attribute-contains-word-selector/[36]
- 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/
- Load Content While Scrolling With jQuery: http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/
- 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/
- jQuery virtual tour: http://www.openstudio.fr/jQuery-virtual-tour.html
- jQuery flipv(): http://www.openstudio.fr/jQuery-flipv.html
- jQuery Twit - Display Twitter Tweets on a Blog: http://www.mudaimemo.com/p/twit/
- IE Memory Leak – jQuery Fix: http://kossovsky.net/index.php/2009/07/ie-memory-leak-jquery-garbage-collector/
- jQuery - Dynamically Adding Form Elements: http://charlie.griefer.com/blog/index.cfm/2009/9/17/jQuery--Dynamically-Adding-Form-Elements
- Using Multiple jQuery UI Themes on a Single Page: http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/
- 43,439 reasons to use append() correctly: http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly
- Get Value of Checkbox using jQuery to Enable Button: http://jvance.com/blog/2009/07/14/GetValueOfCheckboxUsingJQueryToEnableButton.xhtml
- jQuery XML and MIME types: http://blogs.creative-jar.com/post/jQuery-XML-and-MIME-types.aspx
- How To change the HREF for a Hyperlink using jQuery: http://stackoverflow.com/questions/179713/how-to-change-the-href-for-a-hyperlink-using-jquery
- Cross-domain requests with jQuery: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/
- Using Jquery – Check boxes and Radio buttons: http://www.techiegyan.com/?p=112
- jQuery Tip - Getting Select List Values: http://marcgrabanski.com/article/jquery-select-list-values
- Parsing Strings with jQuery (search for URLs to escape, or, markup): http://devkick.com/blog/parsing-strings-with-jquery/
- Get url parameter jquery Or How to Get Query String Values In js: https://stackoverflow.com/questions/19491336/get-url-parameter-jquery-or-how-to-get-query-string-values-in-js
- ClueTip: http://plugins.learningjquery.com/cluetip/
- jQuery clueTip Plugin Revisited Demo: http://beckelman.net/post/2008/10/31/jQuery-clueTip-Plugin-Revisited-Demo.aspx
- Linking to Google’s jQuery Repository: http://mhuntdesign.com/blog/jquery/linking-to-googles-jquery-repository/
- Creating a Floating HTML Menu Using jQuery and CSS: http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/
- Floating SlideIn Menu with Anchor Link using jQuery: http://www.developersnippets.com/2009/04/25/floating-slidein-menu-with-anchor-link-using-jquery/
- Best jQuery Video Plugins: http://www.jquery.wisdomplug.com/jquery-plugins/multimedia-jquery-plugins/best-jquery-video-plugins/
- 10 jQuery Datagrid Plugins: http://php-team.blogspot.com/2009/05/10-jquery-datagrid-plugins.html
- Top10 Datagrid components: http://phpbuilder.blogspot.com/2010/01/top-10-of-php-datagrid-components-and.html
- Why do we even need Data Grids when we have PhpMyAdmin - Here's a Top 10 anyway?: http://www.webhostingbreak.com/top-10-ajax-php-powered-mysql-table-editor-viewer-data-grid/
- Simple jQuery tabs: http://papermashup.com/simple-jquery-tabs/
- jQuery UI -- Add Close button to dynamically added tabs: http://www.emirplicanic.com/javascript/dynamically-add-remove-tabs.php#ui-tabs-65
- Add/remove tabs using jquery: http://www.kilbot.com.au/web-development/code-examples/add-remove-tabs-using-jquery/
- Twitter like Search (without leaving the page... not live search style) with jQuery and Ajax.: http://www.9lessons.info/2009/08/twitter-like-search-with-jquery-ajax.html
- TestSwarm -- Crowdsource your continuous tests for JavaScript: http://ajaxian.com/archives/testswarm-crowdsource-your-continuous-tests-for-javascript
- Crowdsourcing JavaScript Integration Testing with Test Swarm: http://www.infoq.com/news/2009/03/test-swarm
- 9 Useful jQuery Calendar And Date Picker Plugins For Web Designers: http://www.webdesignbooth.com/9-useful-jquery-calendar-and-date-picker-plugins-for-web-designers/
- Advanced Event Timeline With PHP, CSS & jQuery: http://tutorialzine.com/2010/01/advanced-event-timeline-with-php-css-jquery/
- How to mock out jQuery and Raphael: http://matschaffer.com/2010/04/mock-jquery-javascript-libraries/
- 50+ Amazing Jquery Examples- Part1: http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html
- 20 jQuery Tutorials And Plugins To Impress Your Friends:: http://spyrestudios.com/jquery-tutorials-plugins-impress-your-friends/
- Custom Select boxes with jquery: http://www.acewebdesign.com.au/customselect.php
- Create a Slick Tabbed Content Area using CSS & jQuery: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
- Moving Boxes: http://css-tricks.com/moving-boxes/
- Horizontal Scrolling Menu made with CSS and jQuery: http://valums.com/scroll-menu-jquery/
- How to Build an RSS Reader with jQuery Mobile: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/
- Contactable – A jQuery Plugin: http://theodin.co.uk/blog/ajax/contactable-jquery-plugin.html
- 37 Fresh jQuery Image And Gallery Display Solutions: http://www.1stwebdesigner.com/design/fresh-jquery-image-gallery-display-solutions/
- Beautiful Slide Out Navigation: A CSS and jQuery Tutorial: http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/
- 42 jQuery Image Gallery Plugins: http://tympanus.net/codrops/2009/09/07/42-jquery-image-gallery-plugins/
- Get URL parameters & values with jQuery: http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
- .contents() -- Get the children of each element in the set of matched elements, including text and comment nodes: http://api.jquery.com/contents/
- How to access iframe in jQuery (same-origin server only): http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/
- jQuery Get iFrame Content (same-origin): http://www.daniweb.com/forums/thread337453.html
- Dynamically create iframe with jQuery: http://jquery-howto.blogspot.com/2010/02/dynamically-create-iframe-with-jquery.html
- Meet jQuery iFramer (useful for pure-jQuery file uploads): http://trentrichardson.com/2009/06/05/meet-jquery-iframer/
- Posting XML SOAP Requests With jQuery: http://www.bennadel.com/blog/1853-Posting-XML-SOAP-Requests-With-jQuery.htm
- Easy XML Consumption using jQuery: http://www.compoc.com/tuts/
- An Amazing jQuery 3D Wall for Webkit – YouTube Edition: http://blarnee.com/wp/an-amazing-jquery-3d-wall-for-webkit-youtube-edition/
- Object Oriented jQuery With MooTools (Pigs Take Flight): http://ryanflorence.com/object-oriented-jquery-with-mootools-pigs-take-flight/
- jQuery Support in Netbeans: https://blogs.oracle.com/netbeansphp/entry/jquery_support
- Simple way to identify iOS user agent in a jQuery if/then statement?: https://stackoverflow.com/questions/7411662/simple-way-to-identify-ios-user-agent-in-a-jquery-if-then-statement
- How to add jQuery in JS file: https://stackoverflow.com/questions/1140402/how-to-add-jquery-in-js-file#1140438
- How to load CSS stylesheets dynamically with jQuery: http://www.vidalquevedo.com/how-to-load-css-stylesheets-dynamically-with-jquery
- Adding css file with jquery: https://stackoverflow.com/questions/5680657/adding-css-file-with-jquery
- Listen for jQuery Event With Vanilla JS: https://stackoverflow.com/questions/40915156/listen-for-jquery-event-with-vanilla-js
References
- ↑ API for the jQuery API docs (XML dump of the documentation): http://api.jquery.com/api/
- ↑ jQuery API docs - faster search (example using the API xml dump): http://remysharp.com/jquery-api/
- ↑ The jQuery Foundation released yesterday version 3.0 of the jQuery JavaScript framework, the first version that features absolutely no workarounds for old Internet Explorer browsers (IE6-8): https://news.softpedia.com/news/jquery-3-0-released-and-other-javascript-news-505064.shtml
- ↑ Interactive jQuery selector tester: http://www.woods.iki.fi/interactive-jquery-tester.html
- ↑ BCmoney MobileTV theme: http://jquerymobile.com/themeroller/index.php?style_id=20111118-275
- ↑ jQuery Mobile - BC$ 2.0 theme: http://jquerymobile.com/themeroller/?ver=1.2.0&style_id=20121002-38
- ↑ jQuery Mobile Framework – A Forms Tutorial : http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery-mobile-forms/
- ↑ Mobile Web Development Part 2 -- Creating a Simple App Using jQuery Mobile: http://devgrow.com/mobile-web-dev-using-jquery-mobile/
- ↑ Improve web application security with jQuery Mobile: http://www.ibm.com/developerworks/xml/tutorials/x-jquerymobilesecuritytut/
- ↑ jQuery Mobile and JSON: http://www.ibm.com/developerworks/xml/tutorials/x-jquerymobilejsontut/
- ↑ Introduction to jQuery Mobile: http://www.ibm.com/developerworks/web/library/wa-jqmobile/
- ↑ jQuery Mobile (popup) Gallery: http://www.irinavelychko.com/tutorials/jquery-mobile-gallery
- ↑ jQuery Plugin Authoring – Step by Step: http://mahtonu.wordpress.com/2010/09/20/jquery-plugin-authoring-step-by-step/
- ↑ The Definitive Guide to Creating a Practical jQuery Plugin: http://net.tutsplus.com/tutorials/javascript-ajax/the-definitive-guide-to-creating-a-practical-jquery-plugin/
- ↑ A Really Simple jQuery Plugin Tutorial: https://www.queness.com/post/112/a-really-simple-jquery-plugin-tutorial
- ↑ Live Query tutorial: http://net.tutsplus.com/freebies/plugins/live-query/
- ↑ Russian dev site: http://forums.bgdev.org/index.php?s=3374a81ca70118e91bdafd57e1bac993&showtopic=30759&st=0&#entry227377
- ↑ FaceBox - Google Groups: http://groups.google.com/group/facebox/browse_thread/thread/dc8aac8f8c172de1/eec4b74256d5c51c?lnk=gst&q=close#eec4b74256d5c51c
- ↑ NivoSlider is now responsive: https://web.archive.org/web/20120804060725/http://nivo.dev7studios.com/2012/05/30/the-nivo-slider-is-responsive/
- ↑ NivoSlider + jQuery Mobile (gestures + slider): https://web.archive.org/web/20111004153138/http://modji.ca:80/blog/blog/nivo-slider-jquerymobile
- ↑ Cool and Useful jQuery Image and Content Sliders and Slideshows: http://www.noupe.com/jquery/cool-and-useful-jquery-image-and-content-sliders-and-slideshows.html
- ↑ 10 jQuery Custom Scrollbar Plugins: http://www.net-kit.com/jquery-custom-scrollbar-plugins/
- ↑ Sexy Curl Plus -- An Easy jQuery Page Flip: http://www.wordimpressed.com/wordpress/sexy-curl-plus-an-easy-jquery-page-flip/
- ↑ Server-side File Browsing with jQuery: http://stackoverflow.com/questions/9068156/server-side-file-browsing
- ↑ class.upload.php -- PHP script to upload files and manipulate images very easily: http://www.verot.net/php_class_upload.htm
- ↑ Getting Started With jQuery QUnit for Client-Side Javascript Testing: http://lostechies.com/chadmyers/2008/08/29/getting-started-with-jquery-qunit-for-client-side-javascript-testing/
- ↑ Test Driven JavaScript using QUnit: http://www.eviltester.com/index.php/2008/06/06/test-driven-javascript-using-qunit/
- ↑ Clicking the buttons in QUnit functional testing with JQuery: http://www.compendiumdev.co.uk/blog/index.php/2008/06/18/clicking-the-buttons-in-qunit-functional-testing-with-jquery/
- ↑ Everyone's new favorite JavaScript pattern: https://twitter.com/paul_irish/status/9686471408 (function(window,document,undefined){ ... })(this,this.document);
- ↑ How to submit JSON Data by Request Body in jQuery?: https://stackoverflow.com/questions/21201270/how-to-submit-json-data-by-request-body-in-jquery
- ↑ When to use Vanilla JavaScript vs. jQuery?: https://stackoverflow.com/questions/4651923/when-to-use-vanilla-javascript-vs-jquery#4652402
- ↑ Jquery -> vanilla javascript?: https://stackoverflow.com/questions/12692481/jquery-vanilla-javascript
- ↑ Replacing jQuery with Vanilla JavaScript: https://modernweb.com/replacing-jquery-with-vanilla-javascript/
- ↑ A Guide to Vanilla Ajax Without jQuery: https://www.sitepoint.com/guide-vanilla-ajax-without-jquery/
- ↑ Ditching jQuery for Vanilla JS: https://gomakethings.com/ditching-jquery-for-vanilla-js/
- ↑ jQuery first(): https://api.jquery.com/first/