Come aggiungere stile a un ID tabella in jQuery

January 9

Utilizzando jQuery rende più facile implementare effetti visivi dinamici nelle pagine web senza bisogno di essere un esperto in JavaScript. Questa libreria JavaScript è stato progettato per usare i CSS (Cascading Style Sheet) selettori, in modo che aiuta a conoscere CSS durante la scrittura di jQuery. Quando si desidera aggiungere stili di un elemento HTML - ad esempio un tavolo - utilizzando jQuery, è possibile farlo utilizzando il "css) (" la funzione. Stili vanno all'interno di questa funzione, ma richiedono una formattazione leggermente differente rispetto al CSS che va dentro fogli di stile regolare.

istruzione

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

<Table id = "mytable">

Aggiungere un nome ID se la tabella non contiene ancora uno.

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

<Script type = "text / css" tag sotto il tag "<script>" che incorpora il file libreria jQuery. Tra questi tag, scrivere la funzione per forzare jQuery per aspettare il resto della pagina a carico:

<Script type = "text / css">

$ (Document) .ready (function () {

});

</ Script>

4 Scrivi un selettore jQuery per selezionare la tabella con il suo nome ID. Questo selettore va tra le parentesi graffe della funzione "documento pronto". Aggiungere il "css ()" la funzione di selettore in modo da poter iniziare ad aggiungere stili CSS alla tabella:

$ ( '# MyTable'). Css ({

});

5 Aggiungere stili per la tabella all'interno del "css ()" la funzione:

$ ( '# MyTable'). Css ({

'colore blu',

'Font-family': 'Arial',

'Width': '90% '

});

Si noti come singolo citazioni avvolgono sia le proprietà ei loro valori. È possibile utilizzare virgolette singole o doppie. Separare ogni riga di CSS da una virgola.