Los complementos son la sección de código y estos códigos están escritos en un archivo JavaScript. Estos archivos JavaScript se utilizan para proporcionar métodos de jQuery que funcionan junto con los métodos de la biblioteca de jQuery.
Puede descargar desde https://jquery.com/plugins
Cómo crear un complemento jQuery con métodos: En Jquery Plug-in hay un código que se necesita en un archivo javascript estándar. Los complementos ayudan a proporcionar diferentes métodos que se pueden usar con diferentes métodos de la biblioteca jquery.
- Crea un método.
jQuery.fn.methodName = methodDefinition;
- Para obtener un código perfecto o compatible, use este .each que se usa para actuar sobre un conjunto de elementos coincidentes.
- El prefijo debe concluir con .js.
<>p Nota: donde .methodname es el nombre de un método y
methoddefinition define un método
Ejemplo:
alert.js
jQuery.fn.alertMethod = function() {
return this.each(function() {
alert('GeeksforGeeks in "' + $(this).prop("tagName") + '"tag');
});
};
index.html
<html>
<head>
<script type = "text/javascript"
src =
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script src = "alert.js" type = "text/javascript">
</script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("p").alertMethod();
});
</script>
</head>
<body>
<p>GeeksforGeeks</p>
</body>
</html>
Producción:
Cómo verificar si un complemento jQuery está cargado:
- Paso 1: Instale Browsersync usando npm . Usaremos Browsersync para iniciar un servidor y proporcionar una URL para ver el sitio HTML y cargar jQuery usando CDN (red de entrega de contenido). Instalaremos Browsersync globalmente.
npm install -g browser-sync
- Paso 2: Usaremos el complemento jQuery-UI para este tutorial. Probaremos si este complemento se cargó con éxito o no usando jQuery. Descargue la última versión de este complemento y extráigalo a la carpeta raíz de su proyecto.
- Paso 3: crea un archivo index.html
Referencia completa:
Publicación traducida automáticamente
Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA