Scribd Logo
Hochladen

Willkommen bei Scribd!

  • J QUERY

    Hochgeladen von

    RENHOEK7
    23 Ansichten4 Seiten

    Originaltitel

    jQUERY

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Verfügbare Formate

    PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    23 Ansichten4 Seiten

    J QUERY

    Hochgeladen von

    RENHOEK7

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 4

    Primera clase Introduccin

    JQuery es un framework basado en JavaScript. Que viene con funciones integradas, las que veremos a lo largo de este curso, que es, y ser gratuito para cada persona que quiera obtenerlo. Jos Daniel Barra o Danijazzero Lo que deberas saber antes de comenzar: HTML CSS JAVASCRIPT Yo s que muchos de ustedes no van a hacerme caso, pero les recomiendo que vean aunque sea un poco de esos tres tems antes de agarrar JQuery, porque de lo contrario, puede que les haga difcil comenzar con esto, que en realidad es sencillo si saben sobre esos tres temas.

    Requerimientos
    Para comenzar a editar en JQuery necesitamos simplemente la librera de jQuery que la podemos conseguir en la siguiente direccin : http://jquery.com/

    Luego de descargar la librera (JQuery) , necesitamos un editor de textos, como por ejemplo notepad++, bluefish, dreamweaver (macromedia o adobe), gedit o bien el bloc de notas.

    Adhiriendo JQuery a nuestras pginas

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

    </head>

    Ejemplo bsico de un script con JQuery

    <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>Clic en los parrafos de abajo y desaparecen</h2> <p>haceme clic.</p>

    <button>Click me</button> </body> </html>

    Alternativa a la descarga de JQuery


    Google ofrece la opcin de que importemos la librera JQuery desde la web ( para esto hay que estar conectado a internet, o sino no funciona) Entonces, en vez de esto..

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

    Queda as

    <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script> </head>

    Microsoft tambin tiene una versin de javascript a la que se accede as

    <head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.2.min.js"> </script> </head>

    Sintaxis de JQuery
    La sintaxis de JQuery est hecha para seleccionar un elemento HTML y realizar alguna accin con l. La sintaxis bsica es: $(Selector).accin() Un signo de Dlar Un selector entre parntesis Una accin para dicho elemento Ejemplos (this).hide() Oculta el elemento que se esta utilizando (p).hide() Oculta el(los) elemento que tengan la etiqueta p (.miclase).hide() Oculta todos los elementos con clase miclase (#ide) Oculta todos los elementos con la id ide

    La funcin document ready


    Como han notado, todos los scripts JQuery comienzan igual Esto es similar al main() de C, al public static void main(String[] args) de java, en fin. Todo documento JQuery empieza de la siguiente manera

    $(document).ready(function(){ //los mtodos y funciones jQuery van ac... });

    Este sencillo cdigo evita que todo el cdigo se ejecute antes de que el archivo se cargue.

    Bien esta ha sido la primera parte de muchas otras que se vienen, cudense, un saludo Danijazzero. Bsquenme en TARINGA! http://www.taringa.net/danijazzero

    Das könnte Ihnen auch gefallen