Portada Blog

Octa.Beta v.0.3

dimarts 6 novembre 2012 per

Recursos web: jQuery, selectors i mètodes útils

jQuery, la llibreria de Javascript de la qual vam fer una petita introducció fa unes setmanes, té múltiples funcionalitats. No només ens serveix per crear marquesines, menús animats, Tooltips… Si no que profunditzant amb la llibreria i utilitzant els seus selectors i mètodes, podem fer infinitats d’efectes més personalitzats que ens seran molt útils.

Per exemple, recordeu quan fèiem un llistat amb una taula, i necessitàvem que cada fila parell (o imparell) tingués un color diferent? El que fèiem era dividir el número de la fila, i depenent del residu, aplicàvem un color o un altre.

Ara, amb els selectors i mètodes de la llibreria de jQuery, podem molt simplificar aquests processos.

  • nth-child(): ens servirà per escollir l’element o elements que necessitem:
    • nth-child(3): selecciona només el tercer element. Si hi afegim una “n” (nth-child(3n)), seleccionarà cada 3 elements.
    • nth-child(even): selecciona els elements parells. Si canviem “even” per “odd”, seleccionarà els elements imparells.
  • toggle(): l’utilitzem per mostrar o ocultar un element. Si l’element és visible, l’oculta, i a l’inrevés.
    • slideToggle(): modifica l’altura de l’element, mostrant o ocultant-lo, en forma d’animació.
    • fadeToggle(): ídem que l’anterior, amb la diferència que modifica l’opacitat de l’element.
  • addClass(): l’utilitzarem per afegir una classe a l’element o elements que l’hi indiquem. Per eliminar-ne, utilitzarem removeClass();
  • load(): ens servirà per carregar continguts d’un altre arxiu dins de l’element que l’hi indiquem.

Per saber-ne més…

, , ,

Els comentaris per aquesta entrada estan desactivats.

Pujar

Can Antaviana

Santa Justina 29 25400 Les Borges Blanques (Lleida) Tel: 973 14 34 81