Introducció Jquery – Instal.lació i pluguins

octubre 13, 2016

En aquest post farem una petita introducció a JQuery, un conegut framework (llibreria) per Javascript.

Per començar creem un projecte, helloworldJquery, a dins posem les carpetes css, i js. Dins de la carpeta js, descarreguem des de la seva web l’última versió del framework jquery, també podem descarregar els pluguins jquery-ui,i juery-mobile.

jquery install

Pàgina de descarrega: https://jquery.com/

En aquest cas es la versió de producció 3.1.1.min.js, també es possible descarregar la versió de desenvolupament, on trobem el codi sense comprimir, per si volem comprovar/modificar alguna funció.

Sintaxi jquery:  Jquery determina un conjunt de seleccions i accions, i la seva sintaxi és així:

$(“NomIdHtml”).click(function(event){

}

Accions :

Després de la selecció, escrivim l’acció que volen executar:

Aquí trobarem les diferents accions amb exemples:

http://www.w3schools.com/jquery/jquery_ref_html.asp

Selectors:

Seleccionem el lloc on volen aplicar l’acció, ja sigui un div, una classe, una etiqueta… Les més comuns són aquestes:

Podem trobar el llistat complert a:

http://www.w3schools.com/jquery/jquery_ref_selectors.asp

Pluguins

Per descarregar pluguins podem visitar la pàgina jqueryRain

Poden desenvolupar nous pluguins o descarregar-los. En els pluguins normalment es desenvolupen accions, per tant el funcionament és el mateix:

Per utilitzar els pluguins, els hem de descarregar i incloure en el nostre projecte, en algun cas només necessitarem l’arxiu javascript, i altres casos també necessitarem algun addicional com la fulla css.

Per utilitzar-lo, el cridem des de el nostre fitxer javascript (jquery) o crear-ne un de nou especific per el pluguin.

Feel free to share...Share on Facebook
Facebook
Share on Google+
Google+
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin


Deixa un comentari

L'adreça electrònica no es publicarà.