\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{Sean J}
\pdfinfo{
  /Title (robust-jquery.pdf)
  /Creator (Cheatography)
  /Author (Sean J)
  /Subject (Robust jQuery Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{565BA8}
\definecolor{LightBackground}{HTML}{F4F4F9}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Robust jQuery Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{Sean J} via \textcolor{DarkBackground}{\uline{cheatography.com/37827/cs/11855/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}Sean J \\
  \uline{cheatography.com/sean-j} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 18th May, 2017.\\
   Updated 18th May, 2017.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{2}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Source \& Reference}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{http://api.jquery.com/} \tn 
% Row Count 1 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.52 cm} x{4.48 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Selectors}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}\#{\emph{id}} & Select By Id \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}{\emph{element}} & Select By Tag \tn 
% Row Count 3 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.{\emph{class}} & Select By CSS Class \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}{[}{\emph{attr}}='{\emph{value}}'{]} & Select by attribute value \tn 
% Row Count 6 (+ 2)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}:hidden & must be hidden \tn 
% Row Count 7 (+ 1)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}:visible & must be visible \tn 
% Row Count 8 (+ 1)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}:first-child & First child in a sequence \tn 
% Row Count 10 (+ 2)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}:last-child & last Child in the sequence \tn 
% Row Count 12 (+ 2)
% Row 8
\SetRowColor{LightBackground}
\{\{noshy\}\}:nth-child({\emph{\#}}) & Selects all elements of the specified child \tn 
% Row Count 14 (+ 2)
% Row 9
\SetRowColor{white}
\{\{noshy\}\}:only-child & Selects all elements that are the only child \tn 
% Row Count 16 (+ 2)
% Row 10
\SetRowColor{LightBackground}
\{\{noshy\}\}:contains('{\emph{text}}') & Selects all elements containing text \tn 
% Row Count 18 (+ 2)
% Row 11
\SetRowColor{white}
\{\{noshy\}\}:empty & Selects all elements {\bf{without}} children \tn 
% Row Count 20 (+ 2)
% Row 12
\SetRowColor{LightBackground}
\{\{noshy\}\}:has({\emph{selector}}) & Selects all elements that contain at least one element that matches selector \tn 
% Row Count 24 (+ 4)
% Row 13
\SetRowColor{white}
\{\{noshy\}\}:not({\emph{selector}}) & Selects all elements that do not match the given selector. \tn 
% Row Count 27 (+ 3)
% Row 14
\SetRowColor{LightBackground}
\{\{noshy\}\}:parent & Selects all elements {\bf{with}} children \tn 
% Row Count 29 (+ 2)
% Row 15
\SetRowColor{white}
\{\{noshy\}\}{\emph{parent}} {\bf{\textgreater{}}} {\emph{child}} & Selects all direct child elements specified by "child" of elements specified by "parent". \tn 
% Row Count 34 (+ 5)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{3.52 cm} x{4.48 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Selectors (cont)}}  \tn
% Row 16
\SetRowColor{LightBackground}
\{\{noshy\}\}{\emph{'ancestor decendant}}' & Selects all elements that are descendants of a given ancestor \tn 
% Row Count 3 (+ 3)
% Row 17
\SetRowColor{white}
\{\{noshy\}\}'{\emph{previous {\bf{+}} next}}' & Selects all next elements matching "next" that are immediately preceded by a sibling "prev" \tn 
% Row Count 8 (+ 5)
% Row 18
\SetRowColor{LightBackground}
\{\{noshy\}\}:even & Select all elements at an {\bf{even}} index within the matched set. Zero based \tn 
% Row Count 12 (+ 4)
% Row 19
\SetRowColor{white}
\{\{noshy\}\}:odd & Select all elements at an {\bf{odd}} index within the matched set. Zero based \tn 
% Row Count 16 (+ 4)
% Row 20
\SetRowColor{LightBackground}
\{\{noshy\}\}:animated & Select all elements that are in the progress of an animation at the time the selector is run. \tn 
% Row Count 21 (+ 5)
% Row 21
\SetRowColor{white}
\{\{noshy\}\}:first & Select First matched element \tn 
% Row Count 23 (+ 2)
% Row 22
\SetRowColor{LightBackground}
\{\{noshy\}\}:last & Select Last matched element \tn 
% Row Count 25 (+ 2)
% Row 23
\SetRowColor{white}
\{\{noshy\}\}:eq({\emph{index}}) & Select all elements at an index equalt to {\emph{index}} within the matched set. Zero based \tn 
% Row Count 29 (+ 4)
% Row 24
\SetRowColor{LightBackground}
\{\{noshy\}\}:gt({\emph{index}}) & Select all elements at an index greater than {\emph{index}} within the matched set. Zero based \tn 
% Row Count 33 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{3.52 cm} x{4.48 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Selectors (cont)}}  \tn
% Row 25
\SetRowColor{LightBackground}
\{\{noshy\}\}:lt({\emph{index}}) & Select all elements at an index less than {\emph{index}} within the matched set. Zero based \tn 
% Row Count 4 (+ 4)
% Row 26
\SetRowColor{white}
\{\{noshy\}\}:header & Selects all elements that are headers, like h1 - h6 \tn 
% Row Count 7 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Attributes}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}.attr( {\emph{attributeName}} {\emph{{[},value{]}}}) & Get the first matched element attribute OR Set one or more attributes for the set of matched elements. \tn 
% Row Count 6 (+ 6)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}.removeAttr( {\emph{attributeName}}) & Remove an attribute from each element in the set of matched elements. \tn 
% Row Count 10 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.prop( {\emph{propertyName}} {\emph{{[},value{]}}}) & Get the first matched element OR Set one or more properties for the set of matched elements. \tn 
% Row Count 15 (+ 5)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}.removeProp( {\emph{propertyName}}) & Remove a property for the set of matched elements. \tn 
% Row Count 18 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}.val( {\emph{value}}) & Get the current value of the first matched element OR Set the value of each element in the set of matched elements. \tn 
% Row Count 24 (+ 6)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}.html( {\emph{{[}htmlString{]}}}) & Get the HTML contents of the first element in the set of matched elements or set the HTML contents of every matched element. \tn 
% Row Count 31 (+ 7)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.76 cm} x{4.24 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Processing}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}.each({\emph{function}}) & Iterate over a jQuery object, executing a function for each matched element \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}.map() & Pass each element in the current matched set through a function, producing a new jQuery object containing the return values. \tn 
% Row Count 10 (+ 6)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.noop() & An empty function. \tn 
% Row Count 11 (+ 1)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}\$.ready() & Specify a function to execute when the DOM is fully loaded. \tn 
% Row Count 14 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.param() & Create a serialized representation of an array, a plain object, or a jQuery object suitable for use in a URL query string or Ajax request \tn 
% Row Count 21 (+ 7)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}.data( {\emph{{[}key{]}}} {\emph{{[}, value{]}}}) & Retrieve all data OR retireve first matched value or set all keyed values in a matched set \tn 
% Row Count 26 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.92 cm} x{4.08 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Miscellaneous}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}.get({\emph{{[}index{]}}}) & Retrieve the DOM elements matched by the jQuery object. \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}.index({\emph{{[}selector| element{]}}}) & Search for a given element from among the matched elements. \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.toArray() & Retrieve all the elements contained in the jQuery set, as an array. \tn 
% Row Count 10 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{CSS - Effects}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}.hide( {\emph{{[}duration{]}, {[},easing{]} {[},complete{]}}}) & Display element \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}.show( {\emph{{[}duration{]}, {[},easing{]} {[},complete{]}}}) & Hide element \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.toggle( {\emph{{[}duration{]}, {[},easing{]} {[},complete{]}}}) & Display or Hide element \tn 
% Row Count 9 (+ 3)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}.fadeIn( {\emph{{[}duration{]}, {[},easing{]}{[},complete{]}}}) & Display "fade in" \tn 
% Row Count 12 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}.fadeOut( {\emph{{[}duration{]}, {[},easing{]} {[},complete{]}}}) & Hide "fade out" \tn 
% Row Count 15 (+ 3)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}.fadeTo( {\emph{duration, opacity {[},easing{]}{[},complete{]}}}) & Set Transparency \tn 
% Row Count 18 (+ 3)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}.slideDown( {\emph{{[}duration{]}, {[},easing{]} {[},complete{]}}}) & Display matched elements with a sliding motion \tn 
% Row Count 21 (+ 3)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}.slideUp( {\emph{{[}duration{]}, {[},easing{]} {[},complete{]}}}) & Hide matched elements with a sliding motion \tn 
% Row Count 24 (+ 3)
% Row 8
\SetRowColor{LightBackground}
\{\{noshy\}\}.slideToggle( {\emph{{[}duration{]}, {[},easing{]} {[},complete{]}}}) & Display or hide matched elements with a sliding motion \tn 
% Row Count 27 (+ 3)
% Row 9
\SetRowColor{white}
\{\{noshy\}\}.animate( {\emph{properties {[}, duration{]} {[},easing{]} {[},complete{]} }}) & Perform a custom animation of a set of CSS properties \tn 
% Row Count 31 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{CSS - Effects (cont)}}  \tn
% Row 10
\SetRowColor{LightBackground}
\{\{noshy\}\}.finish( {\emph{{[}queue{]} }}) & Stop the currently-running animation, remove all queued animations, and complete all animations for the matched elements. \tn 
% Row Count 7 (+ 7)
% Row 11
\SetRowColor{white}
\{\{noshy\}\}.stop( {\emph{{[}clearQueue{]} {[},jumpToEnd{]}}}) & Stop the currently-running animation on the matched elements. \tn 
% Row Count 11 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.52 cm} x{4.48 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{CSS - General}}  \tn
% Row 0
\SetRowColor{LightBackground}
.addClass( {\emph{classNames}}) & Adds the specified class(es) to each matched element \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
.css( {\emph{propertyName}} {\emph{{[},value{]}}}) & Get the value of a computed style property for the first element in the set of matched elements or set one or more CSS properties for every matched element \tn 
% Row Count 11 (+ 8)
% Row 2
\SetRowColor{LightBackground}
.hasClass() & Determine whether any of the matched elements are assigned the given class. \tn 
% Row Count 15 (+ 4)
% Row 3
\SetRowColor{white}
\{\{nobreak\}\}.\$.escapeSelector() & Escapes any character that has a special meaning in a CSS selector. \tn 
% Row Count 19 (+ 4)
% Row 4
\SetRowColor{LightBackground}
.removeClass() & Remove a single class, multiple classes, or all classes from each element in the set of matched elements. \tn 
% Row Count 24 (+ 5)
% Row 5
\SetRowColor{white}
.toggleClass() & Add or remove one or more classes from each element in the set of matched elements, depending on either the class's presence or the value of the state argument. \tn 
% Row Count 32 (+ 8)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Events - Mouse}}  \tn
% Row 0
\SetRowColor{LightBackground}
.click({\emph{{[}handler{]}}}) & Bind an event handler to the "click" JavaScript event, or trigger that event on an element. \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
.contextmenu({\emph{{[}handler{]}}}) & Bind an event handler to the "contextmenu" JavaScript event, or trigger that event on an element. \tn 
% Row Count 9 (+ 5)
% Row 2
\SetRowColor{LightBackground}
.dblclick({\emph{{[}handler{]}}}) & Bind an event handler to the "dblclick" JavaScript event, or trigger that event on an element \tn 
% Row Count 14 (+ 5)
% Row 3
\SetRowColor{white}
.hover({\emph{{[}handler{]}}}) & Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements. \tn 
% Row Count 19 (+ 5)
% Row 4
\SetRowColor{LightBackground}
.mousedown({\emph{{[}handler{]}}}) & Bind an event handler to the "mousedown" JavaScript event, or trigger that event on an element. \tn 
% Row Count 24 (+ 5)
% Row 5
\SetRowColor{white}
.mouseenter({\emph{{[}handler{]}}}) & Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element. \tn 
% Row Count 29 (+ 5)
% Row 6
\SetRowColor{LightBackground}
.mouseleave({\emph{{[}handler{]}}}) & Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element \tn 
% Row Count 34 (+ 5)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Events - Mouse (cont)}}  \tn
% Row 7
\SetRowColor{LightBackground}
.mousemove({\emph{{[}handler{]}}}) & Bind an event handler to the "mousemove" JavaScript event, or trigger that event on an element \tn 
% Row Count 5 (+ 5)
% Row 8
\SetRowColor{white}
.mouseout({\emph{{[}handler{]}}}) & Bind an event handler to the "mouseout" JavaScript event, or trigger that event on an element \tn 
% Row Count 10 (+ 5)
% Row 9
\SetRowColor{LightBackground}
.mouseover({\emph{{[}handler{]}}}) & Bind an event handler to the "mouseover" JavaScript event, or trigger that event on an element \tn 
% Row Count 15 (+ 5)
% Row 10
\SetRowColor{white}
.mouseup({\emph{{[}handler{]}}}) & Bind an event handler to the "mouseup" JavaScript event, or trigger that event on an element \tn 
% Row Count 19 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{2.64 cm} x{5.36 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Events - Keyboard}}  \tn
% Row 0
\SetRowColor{LightBackground}
.keydown({\emph{handler}}) & Bind an event handler to the "keydown" JavaScript event, or trigger that event on an element. \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
.keypress({\emph{handler}}) & Bind an event handler to the "keypress" JavaScript event, or trigger that event on an element. \tn 
% Row Count 8 (+ 4)
% Row 2
\SetRowColor{LightBackground}
.keyup({\emph{handler}}) & Bind an event handler to the "keyup" JavaScript event, or trigger that event on an element. \tn 
% Row Count 12 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Traversing - Tree \& Misc}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}.children( {\emph{{[}selector{]}}}) & Get the children of each element in the set of matched elements, optionally filtered by a selector. \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}.closest( {\emph{{[}selector{]}}}) & For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree. \tn 
% Row Count 14 (+ 9)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.find( {\emph{{[}selector{]}}}) & Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element. \tn 
% Row Count 21 (+ 7)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}.next( {\emph{{[}selector{]}}}) & Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector. \tn 
% Row Count 30 (+ 9)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Traversing - Tree \& Misc (cont)}}  \tn
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}.nextAll( {\emph{{[}selector{]}}}) & Get all following siblings of each element in the set of matched elements, optionally filtered by a selector. \tn 
% Row Count 6 (+ 6)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}.nextUntil( {\emph{{[}selector{]} {[},filter{]}}}) & Get all following siblings of each element up to but not including the element matched by the selector, DOM node, or jQuery object passed. \tn 
% Row Count 13 (+ 7)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}.offsetParent() & Get the closest ancestor element that is positioned. \tn 
% Row Count 16 (+ 3)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}.parent( {\emph{{[}selector{]}}}) & Get the parent of each element in the current set of matched elements, optionally filtered by a selector. \tn 
% Row Count 22 (+ 6)
% Row 8
\SetRowColor{LightBackground}
\{\{noshy\}\}.parents( {\emph{{[}selector{]}}}) & Get the ancestors of each element in the current set of matched elements, optionally filtered by a selector. \tn 
% Row Count 28 (+ 6)
% Row 9
\SetRowColor{white}
\{\{noshy\}\}.parentsUntil( {\emph{{[}selector{]} {[},filter{]}}}) & Get the ancestors of each element in the current set of matched elements, up to but not including the element matched by the selector, DOM node, or jQuery object. \tn 
% Row Count 37 (+ 9)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Traversing - Tree \& Misc (cont)}}  \tn
% Row 10
\SetRowColor{LightBackground}
\{\{noshy\}\}.prev( {\emph{{[}selector{]}}}) & Get the immediately preceding sibling of each element in the set of matched elements. If a selector is provided, it retrieves the previous sibling only if it matches that selector. \tn 
% Row Count 9 (+ 9)
% Row 11
\SetRowColor{white}
\{\{noshy\}\}.prevAll( {\emph{{[}selector{]}}}) & Get all preceding siblings of each element in the set of matched elements, optionally filtered by a selector. \tn 
% Row Count 15 (+ 6)
% Row 12
\SetRowColor{LightBackground}
\{\{noshy\}\}.prevUntil( {\emph{{[}selector{]} {[},filter{]}}}) & Get all preceding siblings of each element up to but not including the element matched by the selector, DOM node, or jQuery object. \tn 
% Row Count 22 (+ 7)
% Row 13
\SetRowColor{white}
\{\{noshy\}\}.siblings( {\emph{{[}selector{]}}}) & Get the siblings of each element in the set of matched elements, optionally filtered by a selector. \tn 
% Row Count 27 (+ 5)
% Row 14
\SetRowColor{LightBackground}
\{\{noshy\}\}.add( {\emph{{[}selector|elements|html{]}}}) & Create a new jQuery object with elements added to the set of matched elements. \tn 
% Row Count 31 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Traversing - Tree \& Misc (cont)}}  \tn
% Row 15
\SetRowColor{LightBackground}
\{\{noshy\}\}.addBack( {\emph{{[}selector{]}}}) & Add the previous set of elements on the stack to the current set, optionally filtered by a selector. \tn 
% Row Count 5 (+ 5)
% Row 16
\SetRowColor{white}
\{\{noshy\}\}.contents() & Get the children of each element in the set of matched elements, including text and comment nodes. \tn 
% Row Count 10 (+ 5)
% Row 17
\SetRowColor{LightBackground}
\{\{noshy\}\}.end() & End the most recent filtering operation in the current chain and return the set of matched elements to its previous state. \tn 
% Row Count 17 (+ 7)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Utilities}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.contains( {\emph{container, contained}}) & Check to see if a DOM element is a descendant of another DOM element. \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}\$.each({\emph{array, callback}}) & A generic iterator function, which can be used to seamlessly iterate over both objects and arrays. \tn 
% Row Count 9 (+ 5)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.extend( {\emph{target {[},object1{]} {[},objectN{]}}}) & Merge the contents of two or more objects together into the first object. \tn 
% Row Count 13 (+ 4)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}\$.fn.extend({\emph{obj}}) & Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods. \tn 
% Row Count 18 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.globalEval({\emph{code}}) & Execute some JavaScript code globally. \tn 
% Row Count 20 (+ 2)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}\$.grep( {\emph{array, function {[},invert{]}}}) & Finds the elements of an array which satisfy a filter function. The original array is not affected. \tn 
% Row Count 25 (+ 5)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.inArray( {\emph{value, array {[},fromIndex{]}}}) & Search for a specified value within an array and return its index (or -1 if not found). \tn 
% Row Count 30 (+ 5)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Utilities (cont)}}  \tn
% Row 7
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.isArray({\emph{obj}}) & Determine whether the argument is an array \tn 
% Row Count 3 (+ 3)
% Row 8
\SetRowColor{white}
\{\{noshy\}\}\$.isEmptyObject({\emph{obj}}) & Check to see if an object is empty (contains no enumerable properties). \tn 
% Row Count 7 (+ 4)
% Row 9
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.isFunction({\emph{obj}}) & Determine if the argument passed is a JavaScript function object. \tn 
% Row Count 11 (+ 4)
% Row 10
\SetRowColor{white}
\{\{noshy\}\}\$.isNumeric({\emph{value}}) & Determines whether its argument represents a JavaScript number. \tn 
% Row Count 15 (+ 4)
% Row 11
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.isPlainObject({\emph{obj}}) & Check to see if an object is a plain object (created using "\{\}" or "new Object"). \tn 
% Row Count 20 (+ 5)
% Row 12
\SetRowColor{white}
\{\{noshy\}\}\$.isWindow({\emph{obj}}) & Determine whether the argument is a window. \tn 
% Row Count 23 (+ 3)
% Row 13
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.isXMLDoc({\emph{node}}) & Check to see if a DOM node is within an XML document (or is an XML document). \tn 
% Row Count 27 (+ 4)
% Row 14
\SetRowColor{white}
\{\{noshy\}\}\$.makeArray({\emph{obj}}) & Convert an array-like object into a true JavaScript array. \tn 
% Row Count 30 (+ 3)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Utilities (cont)}}  \tn
% Row 15
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.map( {\emph{array, callback}}) & Translate all items in an array or object to new array of items. \tn 
% Row Count 4 (+ 4)
% Row 16
\SetRowColor{white}
\{\{noshy\}\}\$.merge({\emph{first, second}}) & Merge the contents of two arrays together into the first array. \tn 
% Row Count 8 (+ 4)
% Row 17
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.noop() & An empty function. \tn 
% Row Count 9 (+ 1)
% Row 18
\SetRowColor{white}
\{\{noshy\}\}\$.now() & Return a number representing the current time. \tn 
% Row Count 12 (+ 3)
% Row 19
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.parseHTML( {\emph{data {[},context{]} {[},keepScripts{]}}} ) & Parses a string into an array of DOM nodes. \tn 
% Row Count 15 (+ 3)
% Row 20
\SetRowColor{white}
\{\{noshy\}\}\$.parseJSON( {\emph{json}}) & Takes a well-formed JSON string and returns the resulting JavaScript value \tn 
% Row Count 19 (+ 4)
% Row 21
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.parseXML( {\emph{data}}) & Parses a string into an XML document. \tn 
% Row Count 21 (+ 2)
% Row 22
\SetRowColor{white}
\{\{noshy\}\}\$.trim( {\emph{string}}) & Remove the whitespace from the beginning and end of a string. \tn 
% Row Count 25 (+ 4)
% Row 23
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.type( {\emph{obj}}) & Determine the internal JavaScript {[}{[}Class{]}{]} of an object. \tn 
% Row Count 28 (+ 3)
% Row 24
\SetRowColor{white}
\{\{noshy\}\}\$.unique( {\emph{array}}) & Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on arrays of DOM elements, not strings or numbers. \tn 
% Row Count 36 (+ 8)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Utilities (cont)}}  \tn
% Row 25
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.uniqueSort( {\emph{array}}) & Sorts an array of DOM elements, in place, with the duplicates removed. \tn 
% Row Count 4 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.84 cm} x{4.16 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Core}}  \tn
% Row 0
\SetRowColor{LightBackground}
jQuery() \{\{nl\}\} \$() & Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string. \tn 
% Row Count 7 (+ 7)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}\$.holdReady({\emph{hold}}) & Holds or releases the execution of jQuery's ready event. \tn 
% Row Count 10 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.noConflict( {\emph{{[}removeAll{]}}}) & Relinquish jQuery's control of the \$ variable. \tn 
% Row Count 13 (+ 3)
% Row 3
\SetRowColor{white}
\$.ready & A Promise-like object (or "thenable") that resolves when the document is ready. \tn 
% Row Count 18 (+ 5)
% Row 4
\SetRowColor{LightBackground}
.ready( {\emph{handler}}) & Specify a function to execute when the DOM is fully loaded. \tn 
% Row Count 21 (+ 3)
% Row 5
\SetRowColor{white}
\{\{nobreak\}\}\$.readyException( {\emph{error}}) & Handles errors thrown synchronously in functions wrapped in jQuery(). \tn 
% Row Count 25 (+ 4)
% Row 6
\SetRowColor{LightBackground}
\$.when({\emph{deferreds}}) & Provides a way to execute callback functions based on zero or more Thenable objects, usually Deferred objects that represent asynchronous events. \tn 
% Row Count 33 (+ 8)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Queue}}  \tn
% Row 0
\SetRowColor{LightBackground}
.clearQueue({\emph{{[}queueName{]}}}) & Remove from the queue all items that have not yet been run. \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
.dequeue({\emph{{[}queueName{]}}}) & Execute the next function on the queue for the matched elements. \tn 
% Row Count 7 (+ 4)
% Row 2
\SetRowColor{LightBackground}
.queue({\emph{{[}queueName{]} {[},newQueue|callback{]}}}) & Show or manipulate the queue of functions to be executed on the matched elements. \tn 
% Row Count 12 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Ajax}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.ajax({\emph{ url {[},settings{]}}}) & Perform an asynchronous HTTP (Ajax) request. \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}.ajaxComplete( {\emph{handler}}) & Register a handler to be called when Ajax requests complete. \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.ajaxError({\emph{handler}}) & Register a handler to be called when Ajax requests complete with an error. \tn 
% Row Count 10 (+ 4)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}.ajaxSend({\emph{handler}}) & Attach a function to be executed before an Ajax request is sent \tn 
% Row Count 14 (+ 4)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}.ajaxStart({\emph{handler}}) & Register a handler to be called when the first Ajax request begins. \tn 
% Row Count 18 (+ 4)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}.ajaxStop({\emph{handler}}) & Register a handler to be called when all Ajax requests have completed \tn 
% Row Count 22 (+ 4)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}.ajaxSuccess({\emph{handler}}) & Attach a function to be executed whenever an Ajax request completes successfully. \tn 
% Row Count 27 (+ 5)
% Row 7
\SetRowColor{white}
\{\{noshy\}\}\$.ajaxPrefilter( {\emph{{[}dataTypes{]}, handler}} ) & Handle custom Ajax options or modify existing options before each request is sent and before they are processed by \$.ajax(). \tn 
% Row Count 34 (+ 7)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Ajax (cont)}}  \tn
% Row 8
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.ajaxSetup( {\emph{options}}) & Set default values for future Ajax requests. Its use is not recommended \tn 
% Row Count 4 (+ 4)
% Row 9
\SetRowColor{white}
\{\{noshy\}\}\$.ajaxTransport( {\emph{dataType, handler}}) & Creates an object that handles the actual transmission of Ajax data. \tn 
% Row Count 8 (+ 4)
% Row 10
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.get( {\emph{url {[},data{]} {[},success{]} {[},dataType{]}}}) & Load data from the server using a HTTP GET request \tn 
% Row Count 11 (+ 3)
% Row 11
\SetRowColor{white}
\{\{noshy\}\}\$.getJSON( {\emph{url {[},data{]} {[},success{]}}} ) & Load JSON-encoded data from the server using a GET HTTP request. \tn 
% Row Count 15 (+ 4)
% Row 12
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.getScript( {\emph{url {[},success{]}}}) & Load a JavaScript file from the server using a GET HTTP request, then execute it \tn 
% Row Count 19 (+ 4)
% Row 13
\SetRowColor{white}
\{\{noshy\}\}\$.param({\emph{obj}}) & Create a serialized representation of an array, a plain object, or a jQuery object suitable for use in a URL query string or Ajax request. \tn 
% Row Count 26 (+ 7)
% Row 14
\SetRowColor{LightBackground}
\{\{noshy\}\}\$.post( {\emph{url {[},data{]} {[},success{]} {[},dataType{]}}}) & Load data from the server using a HTTP POST request. \tn 
% Row Count 29 (+ 3)
% Row 15
\SetRowColor{white}
\{\{noshy\}\}.load( {\emph{url {[},data{]} {[},complete{]}}} ) & Load data from the server and place the returned HTML into the matched element. \tn 
% Row Count 33 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Ajax (cont)}}  \tn
% Row 16
\SetRowColor{LightBackground}
\{\{noshy\}\}.serialize() & Encode a set of form elements as a string for submission. \tn 
% Row Count 3 (+ 3)
% Row 17
\SetRowColor{white}
\{\{noshy\}\}.serializeArray() & Encode a set of form elements as an array of names and values. \tn 
% Row Count 7 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{CSS - Dimensions}}  \tn
% Row 0
\SetRowColor{LightBackground}
.offset() & Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document. \tn 
% Row Count 7 (+ 7)
% Row 1
\SetRowColor{white}
.position() & Get the current coordinates of the first element in the set of matched elements, relative to the offset parent. \tn 
% Row Count 12 (+ 5)
% Row 2
\SetRowColor{LightBackground}
.scrollLeft() & Get the current horizontal position of the scroll bar for the first element in the set of matched elements or set the horizontal position of the scroll bar for every matched element. \tn 
% Row Count 20 (+ 8)
% Row 3
\SetRowColor{white}
.scrollTop() & Get the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element. \tn 
% Row Count 28 (+ 8)
% Row 4
\SetRowColor{LightBackground}
.height() & Get the current computed height for the first element in the set of matched elements or set the height of every matched element. \tn 
% Row Count 34 (+ 6)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{CSS - Dimensions (cont)}}  \tn
% Row 5
\SetRowColor{LightBackground}
\{\{nobreak\}\}.innerHeight() & Get the current computed inner height (including padding but not border) for the first element in the set of matched elements or set the inner height of every matched element. \tn 
% Row Count 8 (+ 8)
% Row 6
\SetRowColor{white}
\{\{nobreak\}\}.outerHeight() & Get the current computed outer height (including padding, border, and optionally margin) for the first element in the set of matched elements or set the outer height of every matched element. \tn 
% Row Count 16 (+ 8)
% Row 7
\SetRowColor{LightBackground}
.width() & Get the current computed width for the first element in the set of matched elements or set the width of every matched element. \tn 
% Row Count 22 (+ 6)
% Row 8
\SetRowColor{white}
.innerWidth() & Get the current computed inner width (including padding but not border) for the first element in the set of matched elements or set the inner width of every matched element. \tn 
% Row Count 30 (+ 8)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{CSS - Dimensions (cont)}}  \tn
% Row 9
\SetRowColor{LightBackground}
.outerWidth() & Get the current computed outer width (including padding, border, and optionally margin) for the first element in the set of matched elements or set the outer width of every matched element. \tn 
% Row Count 8 (+ 8)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{2.72 cm} x{5.28 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Events - Browser}}  \tn
% Row 0
\SetRowColor{LightBackground}
.resize( {\emph{{[}handler{]}}}) & Bind an event handler to the "resize" JavaScript event, or trigger that event on an element. \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
.scroll( {\emph{{[}handler{]}}}) & Bind an event handler to the "scroll" JavaScript event, or trigger that event on an element. \tn 
% Row Count 8 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Events - Handler Attachment}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}jQuery.proxy( {\emph{function, context {[},additionalArguments{]}}}) & Takes a function and returns a new one that will always have a particular context. \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}.off({\emph{events {[},selector{]}{[},handler{]}}}) & Remove an event handler. \tn 
% Row Count 8 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.on({\emph{events {[},selector{]} {[},data{]} {[},handler{]}}}) & Attach an event handler function for one or more events to the selected elements. \tn 
% Row Count 13 (+ 5)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}.one({\emph{events {[},data{]}, handler}}) & Attach a handler to an event for the elements. The handler is executed at most once per element per event type \tn 
% Row Count 19 (+ 6)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}.trigger({\emph{eventType {[},extraParameters{]}}}) & Execute all handlers and behaviors attached to the matched elements for the given event type. \tn 
% Row Count 24 (+ 5)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}.triggerHandler({\emph{eventType {[},extraParameters{]}}}) & Execute all handlers attached to an element for an event \tn 
% Row Count 27 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{*Most event methods have additional overloads}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.44 cm} x{4.56 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Events - Forms}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}.blur( {\emph{handler}}) & Bind an event handler to the "blur" JavaScript event, or trigger that event on an element. \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}.change( {\emph{handler}}) & Bind an event handler to the "change" JavaScript event, or trigger that event on an element. \tn 
% Row Count 10 (+ 5)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.focus( {\emph{handler}}) & Bind an event handler to the "focus" JavaScript event, or trigger that event on an element. \tn 
% Row Count 15 (+ 5)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}.focusin( {\emph{handler}}) & Bind an event handler to the "focusin" event. \tn 
% Row Count 18 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}.focusout( {\emph{handler}}) & Bind an event handler to the "focusout" JavaScript event. \tn 
% Row Count 21 (+ 3)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}.select( {\emph{handler}}) & Bind an event handler to the "select" JavaScript event, or trigger that event on an element. \tn 
% Row Count 26 (+ 5)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}.submit( {\emph{handler}}) & Bind an event handler to the "submit" JavaScript event, or trigger that event on an element. \tn 
% Row Count 31 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Traversing - Filtering}}  \tn
% Row 0
\SetRowColor{LightBackground}
.eq( {\emph{index}}) & Reduce the set of matched elements to the one at the specified index. \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
.filter( {\emph{selector}}) & Reduce the set of matched elements to those that match the selector or pass the function's test. \tn 
% Row Count 9 (+ 5)
% Row 2
\SetRowColor{LightBackground}
.first() & Reduce the set of matched elements to the first in the set. \tn 
% Row Count 12 (+ 3)
% Row 3
\SetRowColor{white}
.has( {\emph{selector}}) & Reduce the set of matched elements to those that have a descendant that matches the selector or DOM element. \tn 
% Row Count 18 (+ 6)
% Row 4
\SetRowColor{LightBackground}
.is( {\emph{selector|function|selection|elements}}) & Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments. \tn 
% Row Count 27 (+ 9)
% Row 5
\SetRowColor{white}
.last() & Reduce the set of matched elements to the final one in the set. \tn 
% Row Count 31 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Traversing - Filtering (cont)}}  \tn
% Row 6
\SetRowColor{LightBackground}
.map( {\emph{callback}}) & Pass each element in the current matched set through a function, producing a new jQuery object containing the return values. \tn 
% Row Count 7 (+ 7)
% Row 7
\SetRowColor{white}
.not( {\emph{selector}}) & Remove elements from the set of matched elements. \tn 
% Row Count 10 (+ 3)
% Row 8
\SetRowColor{LightBackground}
.slice( {\emph{start {[},end{]}}}) & Reduce the set of matched elements to a subset specified by a range of indices. \tn 
% Row Count 14 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Manipulation}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{noshy\}\}.after( {\emph{content|function}}) & Insert content, specified by the parameter, after each element in the set of matched elements. \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
\{\{noshy\}\}.append( {\emph{content|function}}) & Insert content, specified by the parameter, to the end of each element in the set of matched elements. \tn 
% Row Count 11 (+ 6)
% Row 2
\SetRowColor{LightBackground}
\{\{noshy\}\}.appendTo( {\emph{target}}) & Insert every element in the set of matched elements to the end of the target. \tn 
% Row Count 15 (+ 4)
% Row 3
\SetRowColor{white}
\{\{noshy\}\}.before( {\emph{content|function}}) & Insert content, specified by the parameter, before each element in the set of matched elements. \tn 
% Row Count 20 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\{\{noshy\}\}.clone( {\emph{{[}withDataAndEvents{]}}}) & Create a deep copy of the set of matched elements. \tn 
% Row Count 23 (+ 3)
% Row 5
\SetRowColor{white}
\{\{noshy\}\}.detach( {\emph{{[}selector{]}}}) & Remove the set of matched elements from the DOM. \tn 
% Row Count 26 (+ 3)
% Row 6
\SetRowColor{LightBackground}
\{\{noshy\}\}.empty() & Remove all child nodes of the set of matched elements from the DOM. \tn 
% Row Count 30 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Manipulation (cont)}}  \tn
% Row 7
\SetRowColor{LightBackground}
\{\{noshy\}\}.insertAfter( {\emph{target}}) & Insert every element in the set of matched elements after the target \tn 
% Row Count 4 (+ 4)
% Row 8
\SetRowColor{white}
\{\{noshy\}\}.insertBefore( {\emph{target}}) & Insert every element in the set of matched elements before the target. \tn 
% Row Count 8 (+ 4)
% Row 9
\SetRowColor{LightBackground}
\{\{noshy\}\}.prepend( {\emph{content| function}}) & Insert content, specified by the parameter, to the beginning of each element in the set of matched elements. \tn 
% Row Count 14 (+ 6)
% Row 10
\SetRowColor{white}
\{\{noshy\}\}.prependTo( {\emph{target}}) & Insert every element in the set of matched elements to the beginning of the target. \tn 
% Row Count 19 (+ 5)
% Row 11
\SetRowColor{LightBackground}
\{\{noshy\}\}.remove( {\emph{{[}selector{]}}}) & Remove the set of matched elements from the DOM. \tn 
% Row Count 22 (+ 3)
% Row 12
\SetRowColor{white}
\{\{noshy\}\}.replaceAll( {\emph{target}}) & Replace each target element with the set of matched elements. \tn 
% Row Count 26 (+ 4)
% Row 13
\SetRowColor{LightBackground}
\{\{noshy\}\}.replaceWith( {\emph{newContent| function}}) & Replace each element in the set of matched elements with the provided new content and return the set of elements that was removed. \tn 
% Row Count 33 (+ 7)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Manipulation (cont)}}  \tn
% Row 14
\SetRowColor{LightBackground}
\{\{noshy\}\}.text() & Get the combined text contents of each element in the set of matched elements, including their descendants, or set the text contents of the matched elements. \tn 
% Row Count 8 (+ 8)
% Row 15
\SetRowColor{white}
\{\{noshy\}\}.unwrap( {\emph{{[}selector{]}}}) & Remove the parents of the set of matched elements from the DOM, leaving the matched elements in their place. \tn 
% Row Count 14 (+ 6)
% Row 16
\SetRowColor{LightBackground}
\{\{noshy\}\}.wrap( {\emph{{[}wrappingElement| function{]}}}) & Wrap an HTML structure around each element in the set of matched elements. \tn 
% Row Count 18 (+ 4)
% Row 17
\SetRowColor{white}
\{\{noshy\}\}.wrapAll( {\emph{{[}wrappingElement| function{]}}}) & Wrap an HTML structure around all elements in the set of matched elements. \tn 
% Row Count 22 (+ 4)
% Row 18
\SetRowColor{LightBackground}
\{\{noshy\}\}.wrapInner( {\emph{{[}wrappingElement| function{]}}}) & Wrap an HTML structure around the content of each element in the set of matched elements. \tn 
% Row Count 27 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}