Fragmentos de código 2025, Enero

Establecer / borrar el valor de entrada predeterminado - Trucos CSS

$ ('. valor-predeterminado'). cada (función () (var valor_predeterminado = este.valor; $ (esto) .focus (función () (si (este.valor == valor_predeterminado) (este.valor = '' ;))); "

Serializar formulario a JSON - Trucos CSS

$ .fn.serializeObject = function () (var o = (); var a = this.serializeArray (); $ .each (a, function () (if (o) (if (! o.push) (o = );) o.push (este.valor "

Seleccione el elemento de la lista sólo si no contiene otra lista (y es de nivel superior) - Trucos CSS

Me doy cuenta de que esto es bastante específico, pero tuve que escribir este selector antes para solucionar un problema y usé jQuery porque el selector es bastante avanzado "

Seleccionar elemento sólo si los elementos secundarios no están animados - Trucos CSS

Var myChildrenBehave = $ (". elemento"). filter (function () (var filter = $ (this) .children (). not (": animado"); retorno filtrado;)); Esto selecciona el elemento "

Ejecute JavaScript solo después de que se haya cargado toda la página - Trucos CSS

$ (ventana) .bind ("cargar", función () (// código aquí)); "

Buscar / Reemplazar - Trucos CSS

JQuery (function () (jQuery (": contiene (ENCONTRAR)"). no (": tiene (: contiene (ENCONTRAR))"). each (function () (var that = $ (this), html = that. html (); html = "

Actualización de página parcial - Trucos CSS

Actualizar ciertos elementos de una página usando jQuery después de un período de tiempo establecido, se puede usar con cualquier elemento con una ID. Modifiqué el ejemplo dado con el "

Eliminar valor específico de la matriz - Trucos CSS

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (value) (return value! = removeItem;)); "

Hacer clic en toda la división - Trucos CSS

Actualización de noviembre de 2020: Creo que la mejor técnica posible para esto es el Método 4 de este artículo. El

(o cualquier elemento contenedor) permanece "

Encabezados persistentes en tablas - Trucos CSS

Cuando se desplaza hacia abajo en una página con una tabla larga, normalmente el encabezado de la tabla se desplaza y se vuelve inútil. Este código clona el encabezado de la tabla "

Pegar eventos - Trucos CSS

$ .fn.pasteEvents = function (delay) (if (delay == undefined) delay = 20; return $ (this) .each (function () (var $ el = $ (this); $ el.on ("paste ", función ()"

Fuerza de la contraseña - Trucos CSS

$ ('# pass'). keyup (function (e) (var strongRegex = new RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = new"

Mover elementos de la lista en los que se hizo clic al principio de la lista - Trucos CSS

Suponiendo HTML como este: uno dos tres Entonces, si se hace clic en "Dos", muévalo al principio de la lista. $ ("li"). haga clic en (función () ("

Abrir enlaces externos en una ventana nueva - Trucos CSS

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (función (evento) ("

Mover el cursor al final del área de texto o ingresar - Trucos CSS

Código para mover el cursor al final del texto actual dentro de la entrada, en lugar del predeterminado (resaltando el texto). Formato de complemento "

Plugin jQuery externoHTML - Trucos CSS

InnerHTML () es nativo y devuelve el contenido de un nodo DOM (por ejemplo, yo vivo dentro de un div.

Hacer jQuery: contiene mayúsculas y minúsculas - Trucos CSS

NUEVO selector jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // SOBRESCRIBE antiguo "

Un jQuery hasAttr () Equivalente - Trucos CSS

JQuery realmente no tiene una función .hasAttr (). Puede suponer que lo hace, pero lamentablemente no es así. Un hilo de StackOverflow tiene algo bastante bueno "

Cargar sólo una sección de una página - Trucos CSS

Caso de uso Desea cargar AJAX una sección de otra página en su sitio en la página actual. Supongamos que su sistema CMS de comercio electrónico crea un menú dinámico de "

Desplazar la página horizontalmente con la rueda del mouse - Trucos CSS

1) Cargue jQuery y el complemento de la rueda del mouse El complemento de la rueda del mouse está aquí. 2) Adjuntar el evento de la rueda del mouse al cuerpo El "30" representa la velocidad. preventDefault asegura "

Cargue jQuery sólo si no está presente - Trucos CSS

Digamos que ibas a hacer una inclusión en un montón de páginas, y dentro de esa inclusión querías hacer algunas cosas específicas de jQuery. Esa página puede o "

Cargando jQuery - Trucos CSS

Cargar con Google API Direct Link to Google Check si está cargado, solo cargar si está descargado var jQueryScriptOutputted = false; function initJQuery () (// si el "

Código Konami - Trucos CSS

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (documento) .keydown (función (e) (kkeys.push (e.keyCode); if (kkeys.toString (). indexOf (konami "

JQuery Sticky Footer - Trucos CSS

En general, CSS Sticky Footer es la mejor manera de hacerlo, ya que funciona perfectamente y no requiere JavaScript. Si el marcado requerido simplemente no es "

JQuery Zebra Stripe a Table - Trucos CSS

$ ("tr: impar"). addClass ("impar"); Luego usa algo de CSS: .odd (background: #ccc;) "

Enlace de empuje - Trucos CSS

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animar ((paddingLeft: "0px"), 200);)); Hacer"

Mantenga las entradas de texto sincronizadas - Trucos CSS

Var $ entradas = $ (". ejemplo-entrada"); $ inputs.keyup (function () ($ inputs.val ($ (esto) .val ());)); Ejemplo"

JQuery Tweetify Text - Trucos CSS

Función $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

Plantilla de complemento jQuery - Trucos CSS

Reemplace las instancias de "yourPluginName" con su nombre de complemento real. Lo de "radio" es solo un ejemplo de una opción (parámetro para pasar el complemento) ".

JQuery JSON obteniendo errores de captura - Trucos CSS

JQuery tiene una función incorporada llamada getJSON () para ayudar a facilitar las solicitudes AJAX de datos JSON. Normalmente funciona muy bien, pero si esa función se vuelve "