zxcz
CREANDO NODOS
Las creacion de nodos que ofrece la libreria es bastante es una mescla de la sintaxis de "Pug" más las facilidad de manejo de nodos que ofrece Jquery
Las creacion de nodos que ofrece la libreria es bastante es una mescla de la sintaxis de "Pug" más las facilidad de manejo de nodos que ofrece Jquery
Ejemplos #1: Instancia del objeto dom
cg\dom("div")->render();
cg\dom("div")->render();
// IMPRIME
// <div></div>
cg\dom("div")->render();
cg\dom("div")->render();
// IMPRIME
// <div></div>
cg\dom("div")->render();
// IMPRIME
// <div></div>
Ejemplos #2: Guardar en una variable
En el siguiente ejemplo veremos como guardamos el objeto en la variable $var
En el siguiente ejemplo veremos como guardamos el objeto en la variable $var
$var = cg\dom("div");
$var->render()
// El anterior codigo imprimira lo siguiente
// <div></div>
$var = cg\dom("div");
$var->render()
// El anterior codigo imprimira lo siguiente
// <div></div>
$var->render()
// El anterior codigo imprimira lo siguiente
// <div></div>
Ejemplos #3: Añadiendo Id y Class
En el siguiente ejemplo veremos las maneras en que se le puede asignar los atributos class e id
En el siguiente ejemplo veremos las maneras en que se le puede asignar los atributos class e id
// MODO 1;
$var1 = cg\dom("div");
$var1->attr("class","myClass");
$var1->attr("id","myId");
$var1->render()
// MODO 2
$var2 = cg\dom("div")->attr("class","myClass")->attr("id","myId");
$var2->render()
// MODO 3
$var3 = cg\dom("div(class='myClass',id='myId')");
$var3->render()
// MODO 4
$var4 = cg\dom("div.myClass#myId");
$var4->render()
// En todo los modos se imprimirá lo siguiente
// <div class="myClass" id="myId"></div>
// MODO 1;
$var1 = cg\dom("div");
$var1->attr("class","myClass");
$var1->attr("id","myId");
$var1->render()
// MODO 2
$var2 = cg\dom("div")->attr("class","myClass")->attr("id","myId");
$var2->render()
// MODO 3
$var3 = cg\dom("div(class='myClass',id='myId')");
$var3->render()
// MODO 4
$var4 = cg\dom("div.myClass#myId");
$var4->render()
// En todo los modos se imprimirá lo siguiente
// <div class="myClass" id="myId"></div>
Comentarios
Publicar un comentario