Utilizzando jQuery rende più facile da implementare effetti visivi dinamici nelle pagine Web senza dover essere un esperto in JavaScript. Questa libreria JavaScript è stata progettata per utilizzare selettori CSS (Cascading Style Sheet), quindi è utile per conoscere CSS durante la scrittura di jQuery. Quando si desidera aggiungere gli stili a un elemento HTML--ad esempio una tabella, utilizzando jQuery, si può fare quindi, utilizzando la funzione ".css()". Stili di andare all'interno di questa funzione, ma richiedono una formattazione leggermente diverso rispetto a CSS che va all'interno di fogli di stile normale.

Istruzioni

1

Aprire la pagina Web contenente la tabella in blocco note o un editor di codice. Individuare il tag di apertura "< table >" e trovare il suo nome di ID:

< id tabella = "mytable" >

Se la tabella non contiene ancora uno, aggiungere un nome ID.

2

Inserire il codice sopra il tag di chiusura "< / head >" se la pagina Web non include ancora il file di libreria di jQuery:

< script type = "text/css" tag sotto il tag "< script >" che incorpora il file di libreria di jQuery. Tra questi tag, scrivere una funzione per forzare jQuery per attendere il resto della pagina da caricare:

< script type = "text/css" >

Web {

});

< / script >

4

Scrivere un selettore di jQuery per selezionare la tabella con il nome di ID. Questo selettore passa tra le parentesi graffe della funzione "documento pronto". Aggiungere la funzione di ".css()" al selettore di modo è possibile iniziare l'aggiunta di stili CSS per la tabella:

$('#mytable').css ({

});

5

Aggiungere stili di tabella all'interno della funzione ".css()":

$('#mytable').css ({

'colore': 'blu',

'font-family': 'Arial',

'larghezza': 90% '

});

Nota come singola citazioni avvolgono intorno sia le proprietà e i relativi valori. È possibile utilizzare virgolette singole o doppie. Ogni linea di CSS separata da una virgola.