JQuery

Things and Stuff Wiki - An organically evolving personal wiki knowledge base. An on-the-fly taxonomy containing a patchwork trail of topic outlines, descriptions, notes, stubs and breadcrumbs, with links to sites, systems, software, manuals, organisations, people, articles, guides, slides, papers, books, comments, videos, screencasts, webcasts, scratchpads and more. Content is orientated towards mostly free/libre/open, mostly Linux. Quality and age varies drastically. Sometimes old things are first, sometimes last. Use the Table of Contents menu to navigate long pages. Zoom in if text is too small. Dead link? Wayback Machine. I probably need to fix the theme CSS after an update. See also libreav.org. Chat to msg me (not checking tho atm). e

General

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

http://www.leebrimelow.com/native-methods-jquery/ [1]

Learning

The Basics of jQuery February 28th 2012
jQuery By Example - blog

http://www.keyframesandcode.com/resources/javascript/deconstructed/jquery/

jQuery Fundamentals is designed to get you comfortable working through common problems you'll be called upon to solve using jQuery. To get the most out of this site, you'll want to read the content and try the various interactive examples. Each chapter will cover a concept and give you a chance to try example code related to the concept.
http://ejohn.org/blog/selectors-in-javascript - history

http://zeptojs.com/ - jqueryapi but lighter
https://github.com/zedshaw/jzed [2]

http://youmightnotneedjquery.com/ [3]

Video

https://www.youtube.com/watch?v=PtD-WKSC6ak

News

jQuery.Buzz() - Latest jQuery news & resources

API

jQuery API Documentation
- CSS
- Dimensions

jQuery Annotated Source.
jQAPI - Alternative jQuery Documentation.
jQuery 1.8 API Cheat Sheet
jQuery source viewer - check method implementations easier

http://www.jsrosettastone.com/

http://h3manth.com/content/native-js-jquery - basic alternative

(jQuery & jQueryUI)

$('.circle').on('click', function() {
   var $this = $(this);
   $this.css('z-index', 2)
   .siblings('.circle').removeClass('expanded').css('z-index', 1);
   $this.animate({
       left: 0, top: 0, margin: 0, 
       width: '100%', height: '100%',
       'border-radius': 0, padding: '60px 5px 5px 5px'
   }, 1000).addClass('expanded');
   $this.siblings('.circle').animate({
       left: 0, top: 0, height: 50, width: 50,
       'border-radius': 25, padding: '0'
   }).first().css({ 'margin': '5px' })
     .next().css({ 'margin': '5px 5px 5px 55px' });
   $this.css('z-index', 0);
});

Events

http://api.jquery.com/category/events/

Position

http://stackoverflow.com/questions/9026751/capture-first-visible-div-id-while-scrolling-viewport
- http://jsfiddle.net/brentmn/CmpEt/

$(window).scroll(function() {
   var winTop = $(this).scrollTop();
   var $divs = $('div');

   var top = $.grep($divs, function(item) {
       return $(item).position().top <= winTop;
   });

   $divs.removeClass('active');
   $(top).addClass('active');
});

https://github.com/kswedberg/jquery-smooth-scroll

.css

https://api.jquery.com/css

$('#divID').css("background-image", "url(/myimage.jpg)");

Development

Get jQuery Selector Path

http://www.jquerytools.org/download/

var jq = document.createElement('script');
jq.src = "http://code.jquery.com/jquery-latest.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();