- Primero tenemos que incluir la biblioteca jquery en la cabecera. Nos la descargamos desde su web y la añadimos de la siguiente forma:
-
Luego creamos nuestro archivo del plugin, que luego también tendremos que añadirlo en la cabecera para utilizarlo.
$.fn.duplicar = function () { this.each(function () { var html = "
"+$(this).html(); $(this).append(html); }); }Lo que hace este plugin es duplicar el contenido de los elementos seleccionados.
$.fn es el objeto de jquery que contiene las funciones que nosotros le definimos. Dentro del código de la función, el this es un array con los elementos seleccionados con jquery. Con la función each, recorremos ese array. - Para utilizarlo:
$("div.doble").duplicar();
Así duplicaríamos el contenido de todos los divs con la clase "doble"
Éste es un ejemplo muy básico. Para más información sólo hay que pasarse por la web de jquery la cual tiene una bastante buena documentación.
Comentarios