ti consiglio un ottima guida... http://javascript.html.it/guide/leggi/168/guida-jquery/
però in poche parole jquery è:
Da wikipedia:
jQuery è una libreria di funzioni (un cosiddetto software framework) per le pagine web
Questo in parole povere, vuol dire che javascript è un linguaggio che si fa fatica a scrivere (sia per la diversa implementazione a seconda dei browser sia per la sua sintassi), e quindi hanno dovuto realizzare un libreria di funzioni per standardizzare il linguaggio.
JQuery è molto facile da usare, più di javascript assomiglia un po' al css come seletori e ovviamnete è molto più pontete, non ci sono contro indicazioni.
per usarlo basta che includi la libreria nel header... piu o meno cosi:
codice:
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
e impari una nuova ma molto più semplice sintassi.
Tipo:
codice:
$(".pippo").click(function(){ alert("ciao!") });
In questo caso ho selezionato con il "." tutti chi elementi con classe pippo gli ho associato un evento "onclick" che produce un alert("ciao") il dollaeo è come dire jquery
mentre nel tuo esempio col codice:
codice:
var myArray = $("#padre > table");
myArray.css("background-color","red");
ho messo in una variabile, tutti gli figli di primo liv di tipo table, di una certa ID= "padre" e ho colorato il loro background di rosso(programmatore) LOL
Spero di esserti stato utile per cominciare con jQuery
Leonardo