jQuery italia

Introduzione all'utilizzo Stampa E-mail

Come prima cosa bisogna procurarsi la libreria jQuery, meglio la piu recente, dal sito ufficiale http://jquery.com.

Essendo niente che di piu di una libreria javascript, jQuery si gestisce proprio come tutte le altre.

Ecco il codice, per creare la nostra prima pagina di esempio:

 

<html>

<head>

<script type="text/javascript" src="jquery.js"></script>


 <script type="text/javascript">

  </script>

  </head>

  <body>

  <a href="http://jquery.com/">jQuery</a>

  </body>

  </html>


 

Basta includere il file in cui abbiamo la nostra libreria jQuery e il gioco è fatto. In questo semplice esempio la libreria jQuery è, ovviamente, jquery.js.

Ovviamente questa riga non effettua nulla, in quanto "carica" solamente la libreria. Vedremo ora alcuni esempi di funzioni che possiamo utilizzare con jQuery.

Illustriamo innanzitutto come si possono caricare le funzioni (jQuery o personali) al caricamento della pagina. A differenza che in javascript normale, jQuery mette a disposizione la seguente funzione, molto più performante di

 

window.onload = function(){ alert("welcome"); }

 

soprattutto in caso di pagine molto grandi (con immagini da caricare per esempio):

 

 $(document).ready(function(){
   // inserisci qui il tuo codice
 });
 

Ovviamente è possibile inserire qualsiasi tipo di codice javascript, ed essendo jQuery codice javascript è possibile inserirlo lì dentro.

Questa funzione è molto utile soprattutto se, come si vedrà in seguito, si devono assegnare delle proprietà a tag html, come i div, direttamente al caricamento della pagina.

Ecco un esempio del codice che vi si puo scrivere all'interno. L'esempio seguente non fa altro che assegnare al click del tag ancora presa tramite $("a"), una funzione, che fa comparire il pop-up con scritto "Click !!!" 

 
$(document).ready(function(){
   $("a").click(function(event){
     alert("Click !!!");
   });
 });

 

Come avrete notato il tag ancora è stato selezionato utilizzando la sintassi $("a"). Oltre che i tag è possibile prendere anche specificati elementi html all'interno della pagina, come per esempio agendo sugli id o sulle classi degli stessi.

Esempi:

 

$("#id_tag") = permette di selezionare il tag con quell'id
$(".class") = permette di selezionare il tag o i tag con quella classe specifica

Per ulteriori approfondimenti consultare la guida ufficiale su http://docs.jquery.it/

 
 

Chi è online

 4 visitatori online

Sondaggi

Ti piace questo sito ?