Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

--- jquery [2022/12/16 18:28]
enric_mieza_sanchez [Introducció]
+++ jquery [2022/12/16 18:34] (actual)
enric_mieza_sanchez [Crear i insertar un element jQuery]
@@ Línia 13: / Línia 13: @@
 ===== Referències =====
 Referències principals:
-  * Principal: www.jquery.com
+  * Pàgina oficial: www.jquery.com
+  * Una bona intro de [[https://www.w3schools.com/jquery/jquery_get_started.asp|jQuery a W3Schools]].
   * [[https://releases.jquery.com|jQuery CDN]]
   * [[https://learn.jquery.com/jquery-ui/getting-started/|jQuery UI]] Getting Started.
@@ Línia 85: / Línia 86: @@
 ===== Crear i insertar un element jQuery =====
-...
+Un element jQuery es crea amb un element HTML normal, embolcallat amb $():
+<code javascript>
+  // creem element jQuery
+  var jquery_elem = $("<li>Nou ítem de la llista</li>");
+  // l'afegim a una llista de la nostra pàgina
+  $("ul").append(jquery_elem);
+</code>
+Com podem veure, insertem en un altre element del DOM amb la [[https://api.jquery.com/append/|funció jQuery append()]].
 \\

bytes.cat