jQuery es una biblioteca JavaScript ligera que facilita el uso de JavaScript en la página web.
Puede realizar su acción en menos código en comparación con JavaScript.
esto facilita la manipulación de los documentos HTML, el recorrido, el manejo de eventos y la realización de solicitudes AJAX.
Compatible con la mayoría de los navegadores y soporta Selectores CSS3 para buscar y manipular propiedades de estilo.,
Contenido
- Descargar e Incluir
- Inicializar
- archivo Externo
- Conclusión
1. Descargue e incluya
- vaya a la página web oficial de jQuery.
- La biblioteca está disponible en dos versiones: comprimida y sin comprimir. El comprimido tiene menos tamaño en comparación con el sin comprimir porque no tiene espacios en blanco y comentarios adicionales. La versión sin comprimir es legible y más fácil de depurar.
- descargue la versión comprimida.,
- Use
<script >para incluir la biblioteca en HTML ya sea en<head>o<body>.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
- También puede utilizar la CDN disponible para incluir la biblioteca.
Google CDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
Microsoft CDN
<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
2. Inicializar
en la página web Escriba su código jQuery dentro del Estado de documento listo en la etiqueta <script >.
ejemplo
en el ejemplo, utilicé la biblioteca CDN y definí el evento click en el botón., En el clic Cambiar valor del elemento cuadro de texto.
Salida
haga Clic en el botón.
3. Archivo externo
- cree un nuevo archivo
script.jsy coloque el script anterior en él. - incluya el
script.jsdespués de la biblioteca jQuery.
script.JS
$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});
index.html
Salida
haga Clic en el botón.
4. Conclusión
puede usar la biblioteca externa de jQuery o la versión de CDN para incluir el script.,
si ha creado un script externo y utiliza jQuery en él, debe incluirse después del script de la biblioteca jQuery, de lo contrario no funcionaría y generaría el error.
si te ha parecido útil este tutorial, no olvides compartirlo.