JQuery è stato progettato per rendere più facile l'interazione aggiungendo alle pagine Web per i progettisti. Dato questo fatto, il suo metodo di "selezione" delle parti della pagina è modellato dopo selettori Cascading Style Sheets (CSS). Ciò significa che è possibile allegare funzioni ed eventi a parti delle pagine Web utilizzando i selettori CSS-stile. Quando si desidera chiamare un div con un nome di classe specifico a jQuery, ad esempio, è possibile utilizzare una combinazione del selettore di tag e selettore di nome di classe da codice CSS. Questo codice si presenta come "nomedellaclasse div" e otterrà qualsiasi div con lo stesso nome della classe, se c'è uno o 10.

Istruzioni

1

Aprire la pagina Web in blocco note e aggiungere questo codice se è necessario aggiungere jQuery alla pagina:

< script type = "text/javascript" tag per il codice della pagina Web, ponendo loro sopra "< / head >" o superiore "< / body >" a seconda delle preferenze. All'interno dei tag "< script >", scrivere una funzione per rendere lo script attendere fino a quando la pagina al termine del caricamento:

< script type = "text/css" >

Web {

});

< / script >

Questo aiuterà a prevenire errori. Tutto il codice script jQuery andrà all'interno delle parentesi graffe della funzione "documento pronto".

3

Selezionare il vostro div dal nome di classe utilizzando lo stesso formato di selezione, come si farebbe in un foglio di stile. Per i nomi di classe, questo è il nome della classe preceduto da un punto. Quando si seleziona in jQuery, tuttavia, inserire un segno di dollaro davanti a un paio di parantheses e posizionare il selettore all'interno di virgolette all'interno il parantheses:

$("nomedellaclasse");

Per selezionare solo i div che condividono lo stesso nome di classe, scrivere "div" davanti il selettore di classe:

$("div nomedellaclasse");

4

Allegare una funzione jQuery al selettore:

$("div.classname).click();

La funzione "click ()" aggiunge un evento "clic" il selettore, raccontando lo script per fare qualcosa quando l'utente fa clic su un elemento div di una classe particolare. Aperta una nuova funzione all'interno di "click ()"..--o a seconda di quale funzione si desidera utilizzare - per scrivere "qualcosa" che accade sull'evento:

$("div.classname).click(function() {

Scrivi qui il codice per fare qualcosa quando l'utente fa clic sul div o div

});