JQUERY

FORMAS DE DECLARAR EL JQUERY

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQuery Tutorial</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
</head>
<body>

     <div id="codigo"> Codigo Mentor</div>
          <script text="text/javascript">

              // Primera forma de declarar
             $(document).on("ready", function () {
             });

             // Segunda forma de declarar
             $(document).ready(function () {
             });

             // Tercera forma de declarar
            $(function () {
            });
        </script>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery Tutorial</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
</head>
<body>

     <div id="codigo"> Codigo Mentor</div>

     <script text="text/javascript">

         // Segunda forma de declarar
        $(document).ready(function () {
            $("#codigo").hide(3000).show(1000);
        });
    </script>

 </body>
</html>

MANJEO DEL SELECTOR : ID


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery Tutorial</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
</head>
<body>

     <button>Aceptar</button>
    <div id="texto1">Texto 1</div>
    <div id="texto2">Texto 2</div>
    <div id="texto3">Texto 3</div>

     <script text="text/javascript">

         // Segunda forma de declarar
        $(document).ready(function () {
            $("button").click(function () {
                // Desaparece el texto 2 al dar click en el boton aceptar
                //$("#texto2").hide();
                // Desaparece todo al dar click en el boton aceptar
                $("*").hide();
            });
        });
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery Tutorial</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
</head>
<body>

     <input type="text" id="espacio" />
    <input type="submit" id="enviar" value="Aceptar" />

     <script text="text/javascript">

        // Segunda forma de declarar
        $(document).ready(function () {
            $("#enviar").click(function () {
                var x = $("#espacio").val();
                alert(x);
            });
        });
    </script>
</body>
</html>

USO DEL SELECTOT : THIS


 <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p.intro").hide();
    });
});
</script>
</head>
<body>

 <h2 class="intro">This is a heading</h2>

 <p class="intro">This is a paragraph.</p>
<p>This is another paragraph.</p>

 <button>Click me</button>

 </body>
</html>


<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $(this).hide();
    });
});
</script>
</head>
<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<button>Click me</button>

</body>
</html>



<!DOCTYPE html>

<html>

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("*").hide();
    });
});
</script>
</head>
<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<button>Click me</button>

</body>
</html>


<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $(".test").hide();
    });
});
</script>
</head>
<body>

<h2 class="test">This is a heading</h2>

<p class="test">This is a paragraph.</p>
<p>This is another paragraph.</p>

<button>Click me</button>

</body>
</html>


<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("*").hide();
    });
});
</script>
</head>
<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<button>Click me</button>

</body>
</html>



FUENTE : http://codigomentor.com/main_page/

Comentarios

Publicar un comentario

Entradas populares de este blog

Para que sirve la N en SQL Server

La N significa National language character set y lo que esto nos esta diciendo es que se trata de datos unicode. Esto significa que se están pasando datos del tipo NCHAR, NVARCHAR o NTEXT, que son distintos a los CHAR, VARHCAR o TEXT. Varchar equivale a Variable-Lenght Character String, es decir, una cadena de caracteres de tamaño variable. NVARCHAR, no es mas que un VARCHAR Unicode, es decir, un VARCHAR que soporta caracteres de 2 bytes, la idea de este tipo de datos es el poder soportar caracteres que no hacen parte del idioma ingles, como por ejemplo, querer guardar nombres en Ingles y en Japonés, o en Mandarín… En conclusión, la letra N que se antepone a las cadenas de caracteres, simplemente convierten la cadena en UNICODE (Estándar de la industria). Unicode permite garantizar el estándar de escritura, ya que en Unicode existe una representación numérica única para cada carácter. Ejemplo 01  : DECLARE @n NVARCHAR(10) SET @n = 'ā' PRINT @n SET @n = N 'ā...
Leer más

MYSQL : CURSORES

CURSORES EN MYSQL Ejemplo de un procedimiento almacenado con uso de cursor : DELIMITER // CREATE PROCEDURE mejor_vendedor(fecha_inicio DATE, fecha_final DATE) BEGIN -- Declaración de variables DECLARE ID_VENDEDOR INT; DECLARE ACUMULADO_VENTAS INT; DECLARE TEMPV INT DEFAULT 0; DECLARE TEMPID INT DEFAULT 0; -- Definición de la consulta /* No significa que el objeto cursor_edad vaya a guardar los datos de la consulta a la cual esta referenciando. Lo que hace es apuntar a la dirección de memoria del primer resultado de dicha consulta. Si tienes conocimientos en C++ se te hará mas fácil comprender esta interpretación. */ DECLARE mejor_vendedor_cursor CURSOR FOR SELECT V.IDVENDEDOR,SUM(DF.UNIDADES*DF.PRECIO) FROM VENDEDOR AS V INNER JOIN FACTURA AS F ON V.IDVENDEDOR = F.IDVENDEDOR  AND (F.FECHA BETWEEN fecha_inicio AND fecha_final) INNER JOIN DETALLEFACTURA AS DF ON F.IDFACTURA = DF.IDFACTURA GROUP BY V.IDVENDEDOR; -- Declaración de un manejador de error t...
Leer más

SSIS- Package con origen de datos Excel dinámicos

Imagen
El ejemplo constará de 3 partes con la finalidad de simplificar su comprensión. Estas son: 1. Crear Orígenes y destino de Datos 2. Creación del Package sin iteración 3. Creación de iteración para el Package 1. Crear Orígenes y destino de Datos Lo primero que debemos hacer es contar con 3 archivos XLS (Excel) en una carpeta de nuestra PC. Les sugiero que utilicen los mismos nombres y path que yo para evitar problemas. Si miran la imagen de abajo, verán el path y los nombres de archivos. Por ejemplo: C:\SSIS\Alumnos\Alumnos ddmmaaaa.xls Respetar el formato del nombre será importante para futuros post de ampliación del ejemplo. Fíjense que lo único que difiere en ese nombre es el año. La estructura (columnas) del los 3 archivos debe ser igual, no así los datos de los alumnos, los que sólo deben ser diferentes los valores de la columna Curso en cada uno de los archivos. Por ejemplo, el Alumno Baresi Mateo en el archivo Alumnos 28022006.xls tendrá en la Columna “Curso” el...
Leer más