July 16
jQuery è una potente libreria JavaScript che permette di creare funzioni JavaScript complesse con un minimo di codice. Utilizzando il sistema selettore jQuery è facile fare riferimento a qualsiasi elemento in una pagina HTML, e quindi leggere o modificarne il valore. Ad esempio, è possibile fare riferimento a un elemento dal suo riferimento id, o utilizzando il valore dell'attributo name. È possibile utilizzare questo per eseguire la convalida su un elemento del modulo, o per leggere un valore immesso dall'utente per l'utilizzo in un calcolo o simili.
1 Aprire un browser Web e accedere alla home page di jQuery (jquery.com). Fare clic sulla casella di controllo accanto a "produzione" in alto a destra della home page, e quindi fare clic sul pulsante "Download". Questo scaricherà la versione di serie della libreria jQuery, che viene compresso e ridotte di un file di dimensioni più piccole e il tempo di caricamento più veloce. Salvare il file scaricato in una directory chiamata "jquery" nella directory principale del tuo sito web.
2 Aprire un'applicazione di design editor di testo o web e creare una nuova pagina HTML. Aggiungere il seguente codice tra l'HTML "<head>" e "</ head>" tag.
<Script type = "text / javascript" e "</ body>" tag.
<Form id = name = metodo "myForm" "MyForm" = azione "post" = "example.htm">
<Name = "textarea myTextArea" id = "cols myTextArea" = righe "45" = "5"> </ textarea>
<Input type = nome "pulsante" = "myButton" id = "myButton" value = "display" />
</ Form>
Questo aggiunge un modulo alla pagina, che contiene una zona HTML testo denominato "myTextArea," e un pulsante HTML, che innesca il codice per ottenere il contenuto dell'area di testo quando si fa clic.
4 Aggiungere il seguente codice al tag input HTML utilizzato per creare il pulsante, dopo l'attributo value e prima del tag di chiusura.
onclick = "alert ($ ( 'textarea [name = myTextArea]') val ().);"
Questo utilizza il codice jQuery "$ ( 'textarea [name = myTextArea]'). Val ()" per leggere il contenuto dell'area di testo che ha un attributo name contenente "myTextArea." Utilizzando questa sintassi permette di fare riferimento a qualsiasi elemento HTML utilizzando il suo nome. La funzione Val () dice a jQuery per leggere il valore dell'elemento selezionato, che recita un testo inserito dall'utente. Il codice jQuery è avvolto con un "alert) (" funzione JavaScript per visualizzare il valore di testo in una finestra di avviso quando il pulsante viene premuto.
5 Salvare la pagina come "example.htm" e caricare sul server web. Aprire un browser Web e andare alla pagina example.htm sul server. Digitare del testo nell'area di testo e fare clic sul pulsante "Display". Apparirà una finestra di avviso, che contiene il testo digitato nell'area di testo.