Fragmentos de código 2025, Enero

Desactivar / reactivar entradas - Trucos CSS

Desactivar / reactivar entradas - Trucos CSS

Desactivar: $ ("# botón-enviar"). Attr ("desactivado", verdadero); Volver a habilitar: $ ("# botón-enviar"). RemoveAttr ("deshabilitado"); "

Deshabilitar los vínculos principales en la navegación de listas anidadas - Trucos CSS

Deshabilitar los vínculos principales en la navegación de listas anidadas - Trucos CSS

Código jQuery que deshabilita los enlaces principales para los menús desplegables. El menú debe construirse como listas anidadas y el enlace principal está deshabilitado. Esto ayuda"

Detecta el primer elemento visible de cierta clase - Trucos CSS

Detecta el primer elemento visible de cierta clase - Trucos CSS

Agrega una clase de "primero" al primer elemento que tiene una clase de "actividad" que es visible en la ventana del navegador. $ (ventana) .scroll (función () (var "

Recorrer una lista - Trucos CSS

Recorrer una lista - Trucos CSS

Este código recorrerá una lista desordenada con un ID de 'lista de ciclos'. Se puede utilizar en cualquier elemento con niños. Reemplaza "ul # cyclelist li" por "

Comparar objetos jQuery - Trucos CSS

Comparar objetos jQuery - Trucos CSS

Realmente no puedes comparar si dos objetos jQuery son iguales ... if ($ (selectionOne) === $ (selectionTwo)) () Puedes comparar objetos DOM aunque ... if "

Combinar funciones de deslizamiento y fundido - Trucos CSS

Combinar funciones de deslizamiento y fundido - Trucos CSS

$ .fn.slideFadeToggle = function (speed, easing, callback) (return this.animate ((opacity: 'toggle', height: 'toggle'), speed, easing, callback);); Uso"

Haga clic una vez y desvincular - Trucos CSS

Haga clic una vez y desvincular - Trucos CSS

Haga que suceda algo en un evento de clic, ¡pero solo una vez! Desvincula el controlador de clic después de que se haya hecho clic una vez en el elemento. $ ('# mi-selector'). bind ('clic', "

Borrar cadena de búsqueda predeterminada en Focus - Trucos CSS

Borrar cadena de búsqueda predeterminada en Focus - Trucos CSS

$ ("# s") .val ("Buscar ...") .css ("color", "#ccc") .focus (función () ($ (esto) .css ("color", "negro" ); if ($ (esto) .val () == "Buscar ...") ($ (esto) .val ("");) "

Borrar una entrada de archivo - Trucos CSS

Borrar una entrada de archivo - Trucos CSS

Puede simplemente clonarlo y reemplazarlo por sí mismo, con todos los eventos aún adjuntos. var input = $ ("# control"); función something_happens () ("

Compruebe si jQuery está cargado - Trucos CSS

Compruebe si jQuery está cargado - Trucos CSS

If (typeof jQuery == 'undefined') (// jQuery NO ESTÁ cargado, haz cosas aquí.) "

Compruebe si el evento fue activado o nativo - Trucos CSS

Compruebe si el evento fue activado o nativo - Trucos CSS

$ ('botón'). click (function (evento, wasTriggered) (if (wasTriggered) (alert ('disparado en código');) else (alert ('disparado por mouse');))); "

Compruebe si el elemento existe - Trucos CSS

Compruebe si el elemento existe - Trucos CSS

If ($ ('# myElement'). length> 0) (// existe) O para convertirlo en una función elegante con una devolución de llamada: // Tiny jQuery Plugin // por Chris Goodchild $ .fn.exists = "

Compruebe si la casilla de verificación está marcada - Trucos CSS

Compruebe si la casilla de verificación está marcada - Trucos CSS

Di eso 10 veces rápido =). Averigüe si una sola casilla de verificación está marcada o no, devuelve verdadero o falso: $ ('# checkBox'). Attr ('comprobado'); Buscar todos los marcados "

Cambiar WMode con jQuery - Trucos CSS

Cambiar WMode con jQuery - Trucos CSS

Si no configura el wmode en un flash incrustado, flotará sobre una superposición, lo que puede ser un gran problema. Esto es ideal en un entorno con "

Detección del navegador + Aplicar clases al elemento HTML - Trucos CSS

Detección del navegador + Aplicar clases al elemento HTML - Trucos CSS

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (función (p, a, c, k, e, d) (e = función (c) (volver (c "

Comprobar elementos vacíos - Trucos CSS

Comprobar elementos vacíos - Trucos CSS

Haga algo por cada elemento vacío encontrado: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Do Something))); VERDADERO o FALSO si el elemento está vacío: "

Mejor manejo de imágenes rotas - Trucos CSS

Mejor manejo de imágenes rotas - Trucos CSS

Las imágenes faltantes simplemente no mostrarán nada o mostrarán un cuadro de estilo cuando no se pueda encontrar su fuente. En su lugar, es posible que desee reemplazarlo con un "

Calcular la distancia entre el mouse y el elemento - Trucos CSS

Calcular la distancia entre el mouse y el elemento - Trucos CSS

(función () (var mX, mY, distancia, $ distancia = $ ('# intervalo de distancia'), $ elemento = $ ('# elemento'); función calcularDistancia (elem, mouseX, mouseY) (return "

Agregar superposición de sitio DIV - Trucos CSS

Agregar superposición de sitio DIV - Trucos CSS

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacidad' : 0.4, 'posición': "

Descubra automáticamente los enlaces de documentos y aplique la clase - Trucos CSS

Descubra automáticamente los enlaces de documentos y aplique la clase - Trucos CSS

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (esto) .addClass (C);))); Esto examinará todos los elementos en el "

Agregue un espacio sin interrupciones en el título para prevenir las viudas - Trucos CSS

Agregue un espacio sin interrupciones en el título para prevenir las viudas - Trucos CSS

$ ("h2"). each (function () (var wordArray = $ (this) .text (). split (""); var finalTitle = ""; for (i = 0; i "

Animar alto / ancho a "Auto" - Trucos CSS

Animar alto / ancho a "Auto" - Trucos CSS

No es posible hacer thing.animate (("height": "auto")) ;. Así que este es el método de Darcy Clarke para permitir que eso funcione. Básicamente, clonas el elemento "

Agregar: n-ésimo de tipo a jQuery - Trucos CSS

Agregar: n-ésimo de tipo a jQuery - Trucos CSS

$ .expr = function (elem, i, match) (var partes = match.split ("+"); return (i + 1 - (partes || 0))% parseInt (partes, 10) === 0; ); Ver el artículo original "

Unescape HTML en JS - Trucos CSS

Unescape HTML en JS - Trucos CSS

Function htmlDecode (input) (var e = document.createElement ('div'); e.innerHTML = input; return e.childNodes.length === 0? "": e.childNodes.nodeValue;) "

Agregar / quitar clase al pasar el mouse - Trucos CSS

Agregar / quitar clase al pasar el mouse - Trucos CSS

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Esto funcionará en cualquier navegador en cualquier elemento, a "

Agregar clase de navegación activa basada en URL - Trucos CSS

Agregar clase de navegación activa basada en URL - Trucos CSS

Lo ideal es generar esta clase desde el lado del servidor, pero si no puede ... Digamos que tiene una navegación como esta: Inicio Acerca de los clientes Contáctenos Y usted es "

Tamaño de la ventana gráfica, resolución de la pantalla, posición del mouse - Trucos CSS

Tamaño de la ventana gráfica, resolución de la pantalla, posición del mouse - Trucos CSS

Este código es compatible con varios navegadores y verifica las dimensiones de la ventana gráfica, la resolución de la pantalla y la posición del mouse, lo que puede ser muy útil para "

Bookmarklet de conteo de palabras - Trucos CSS

Bookmarklet de conteo de palabras - Trucos CSS

Agregar a la barra de marcadores, seleccionar texto, hacer clic en él para obtener el recuento de palabras. Contar palabras Bookmarklet Contar palabras

Recortar el primer / último carácter de la cadena - Trucos CSS

Recortar el primer / último carácter de la cadena - Trucos CSS

Elimina los últimos cuatro caracteres var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString ahora es "abc" Quita los dos primeros "