Me pone programar

Más que me pone, digamos que me gusta y disfruto con ello

Me pone programar

Blog personal sobre PHP, JavaScript, CSS, Estándares, Flash i demás temas interesantes del mundo de la informática e Internet

Que es jQuery. Parte I

29/06/2008 a las 07:28 por Shox

jQuery es un framework de JavaScript para facilitar, entre otros, el acceso a los elementos del DOM, los efectos y sobretodo las llamadas en AJAX. jQuery podría ser otro framework más como script.aculo.us, MooTools, YUI pero en cambio disponemos una gran potencia con una facilidad mucho mayor que sus competidores.

Primero de todo deberemos de incluir la libreria en nuestra web: por ejemplo

PLAIN TEXT
HTML:
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>

Primero de todo vamos a seleccionar un elemento de nuestro HTML, y por ejemplo, esconderlo. Utilizaremos la función hide() que, efectivamente, esconde dicho elemento html, pero ahora nos fijaremos más en como acceder al árbol DOM de HTML.

PLAIN TEXT
JavaScript:
  1. $("p").hide(); // Escondemos todas las p de nuestra web
  2.  
  3. $("#item").hide(); // Escondemos el elemento con id="item"
  4.  
  5. $(".miClase").hide(); // Escondemos los elementos con class="miClase"
  6.  
  7. $("p span").hide(); // Escondemos únicamente todos los span que haya dentro de los p
  8.  
  9. $("p span.miClase").hide(); // Escondemos los span con class="miClase" que haya dentro de p
  10.  
  11. $("p span#item").hide(); // Escondemos el span con id="item" que hay dentro de p
  12.  
  13. $("p > span").hide(); // Esconde los span que son hijos directos de p
  14.  
  15. $("p+div").hide(); //Esconde todos los div que esten precedidos de un p
  16.  
  17. $("p~div").hide(); //Esconde todo los div que hayan sido precedido por p
  18.  
  19. $("input[type=radio]").hide(); // Esconde todos los inputs que sean del tipo radio
  20.  
  21. $("a[href^=http://]").hide(); // Esconde todos los links que su href empiece por http://
  22.  
  23. $("a[href$=.com]").hide(); // Esconde todo los links que su href acabe por .com
  24.  
  25. $("a[href*=www]").hide(); // Esconde todo los links que en su href aparezca "www"

Como podemos ver, jQuery siempre (o casi siempre, ya lo veremos más adelante) actua sobre elementos de HTML, seleccionandolos en lo que llamaremos selector, y le aplicaremos funciones:

$(selector).funcion();

Ya veremos más adelantes que la selección de elementos del DOM es más potente aun, y que las funcionalidades, a parte de que se pueden unir, son casi infinitas.

jQuery

Categorías: JavaScript, jQuery
Tags: ,

41 comentarios

  1. InKiLiNo dice:
    13/05/2009 a las 12:42

    El post esta genial, pero te ha faltado algún ejemplo, por ejemplo, el de como esconder los links que queramos.

  2. Definición de jQuery « Blog de Gabriel Carpio dice:
    01/10/2009 a las 04:26

    [...] http://www.meponeprogramar.com/que-es-jquery-parte-i/ [...]

  3. Hairy Pussies Sex dice:
    07/10/2009 a las 12:27

    Shiny Angels

  4. Shyla Jennings dice:
    07/10/2009 a las 12:28

    2 Cocks 1 Chick

  5. Hottie Hollie dice:
    07/10/2009 a las 12:29

    Daddys Fucks

  6. Cam Show Latinas dice:
    07/10/2009 a las 12:30

    Only Big Melons

  7. Teen GFs dice:
    07/10/2009 a las 12:31

    Crem Of Cunt

  8. Naughty Hillary dice:
    07/10/2009 a las 12:32

    Gay Men Galore

  9. Buttfuck Bonanza dice:
    07/10/2009 a las 12:33

    Undisciplined Subs

  10. Layla Ko dice:
    07/10/2009 a las 12:35

    Interracial Delights

  11. Shelby Virgin dice:
    07/10/2009 a las 12:36

    Fatty Farm

  12. Savanna Virgin dice:
    07/10/2009 a las 12:37

    Cumshot Surprise

  13. Mommy Got Teamed dice:
    07/10/2009 a las 12:38

    Cindy 8teen

  14. Butt Machine Boys dice:
    07/10/2009 a las 12:39

    Neighbor Affair

  15. Grannies Fucked dice:
    07/10/2009 a las 12:40

    Katsuni

  16. Younger MILFs dice:
    07/10/2009 a las 12:41

    Sex City Asia

  17. Moms Home Sex dice:
    07/10/2009 a las 12:42

    Hottie Hollie

  18. Fuck Team Five dice:
    07/10/2009 a las 12:43

    My Dirty GF

  19. Teen Models Live dice:
    07/10/2009 a las 12:44

    Monster Cocks in Tight Holes

  20. Bound Gods dice:
    07/10/2009 a las 12:45

    Bisexual Fuckers

  21. Cherokee Dass dice:
    07/10/2009 a las 12:46

    Morgan Dayne

  22. Kinky Zee dice:
    07/10/2009 a las 12:48

    123 Amateur Amy

  23. Sexy Girls Video Chatting dice:
    07/10/2009 a las 12:49

    Mature Pussy

  24. Sweet Suzie dice:
    07/10/2009 a las 12:50

    Annabelle Angel

  25. Sweet Lucky dice:
    07/10/2009 a las 12:51

    We Love Bjs

  26. Teen Boys Island dice:
    07/10/2009 a las 12:52

    123 Becky Black

  27. Melony Crown dice:
    07/10/2009 a las 12:53

    Sodomy Studs

  28. Naughty Tugs dice:
    07/10/2009 a las 12:54

    Hottie Hollie

  29. Big Tit Buffet dice:
    07/10/2009 a las 12:55

    Sophie Doll

  30. Cuties In Heat dice:
    07/10/2009 a las 12:56

    Lesbian Nina

  31. Sarah Sexbiscuit dice:
    07/10/2009 a las 12:57

    Oral Invasion

  32. Rachel Sexton dice:
    07/10/2009 a las 12:58

    Kimber Lace XXX

  33. Raw GFs dice:
    07/10/2009 a las 01:00

    Janessa Brazil

  34. Tomás Crespo García dice:
    28/12/2009 a las 12:25

    Genial, lo breve y bueno…

  35. EstelleCamacho dice:
    17/06/2010 a las 08:30

    The business loans suppose to be useful for guys, which would like to ground their own career. By the way, that’s comfortable to receive a small business loan.

  36. Steemiake dice:
    26/07/2010 a las 07:16

    I enjoyed reading your blog. Keep it that way.

  37. hypotheek dice:
    13/08/2010 a las 02:44

    Bereken zelf uw hypotheek. Hypotheek berekenen? Maak snel een indicatieve berekening van het maximale leenbedrag van uw hypotheek.

  38. hypotheek dice:
    13/08/2010 a las 05:36

    Hypotheek informatie, hypotheek aanvragen of afsluiten? Hypotheekrentes bekijken. Hypotheek aanbieders vergelijken, hypotheek vormen, bijkomende kosten,

  39. lenen dice:
    15/08/2010 a las 01:01

    Lenen Zonder BKR Toetsing Lenen zonder BKR toetsing stijgt in populariteit op het Internet. Veel mensen met een zogeheten BKR notatie, die toch geld willen lenen zijn op zoek naar …

  40. Dale Gregory dice:
    19/08/2010 a las 02:24

    In many cases, that will prove accurate, still what about the large numbers of people who have no ability to write in this manner? Do we simply do nothing just due to the fact that they have very little influence in this planet?

  41. great stuff dice:
    29/08/2010 a las 07:18

    i love reading your website

Deja tu comentario

Nota: Comentarios moderados. En breve será publicado el tuyo.