· 3 years ago · Jul 21, 2022, 01:10 AM
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
8 <script>
9 $(document).ready(function(){
10 $("button").click(function(){
11 $("#test").hide();
12 })
13 })
14 </script>
15 <title>Ejemplo de JQuery</title>
16</head>
17<body>
18 <h2>Soy un encabezado</h2>
19 <p>Soy un párrafo</p>
20 <p>Soy otro párrafo</p>
21 <p id = "test">Soy un párrafo con id</p>
22 <p>Soy otro párrafo pero sin id</p>
23 <button>Presione aquí</button>
24 <script>
25 /*
26 1996 Brendan Eich JavaScript
27 1997 JavaScript -> ECMA std (ECMA-262)
28
29 1997 ES1 ECMAScript 1 -> IE4
30 1998 ES2 Netscape 42 ->JavaScript 1.3
31 1999 ES3
32 2000 2008 ES4
33 2009 ES5
34 2015 ES6 Chrome, Opera, Edge, Safari, Firefox 2016 -> resto web browser 2018
35 JS 2016
36 JS 2017
37 JS 2018
38 var x = 23, if , else, for -> elementos del lenguaje JavaScript ->ECMAScript
39 con los elementos se crean recursos del interprete -> (el interprete viene preinstalado en los navegadores web) documentGetById, alert() console.log()
40 necesito todo lo anterior y mas: necesito màs recursos -> se crean nuevos programas y se acumulan en carpetas: Biblioteca Librería (Library) EJ: JQuery
41 Si acumulo muchas librerías--> Framework
42
43 JQUERY:
44 - Biblioteca multiplataforma de JavaScript (John Resig, 2006)
45 - software libre
46 - facilita la navegación y búsqueda en un documento
47 - al 2019 aparece en el 86% de todos los sitios web
48 - es muy ràpida
49 -¿Como instalar JQUERY?
50 a)descargarla localmente
51 src="jquery-3.6.0.min.js"
52 b)enlazarla con CDN
53 src="https://ajax.googleapis.com/ajax/libs..........."
54
55
56 </script>
57
58</body>
59</html>