Frammenti di codice 2025, Luglio

Imposta / Cancella valore di input predefinito - Trucchi CSS

Imposta / Cancella valore di input predefinito - Trucchi CSS

$ ('. default-value'). each (function () (var default_value = this.value; $ (this) .focus (function () (if (this.value == default_value) (this.value = '' ;))); "

Serializza modulo in JSON - Trucchi CSS

Serializza modulo in JSON - Trucchi CSS

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

Seleziona voce di elenco solo se non contiene un altro elenco (ed è di livello superiore) - Trucchi CSS

Seleziona voce di elenco solo se non contiene un altro elenco (ed è di livello superiore) - Trucchi CSS

Mi rendo conto che questo è piuttosto specifico, ma ho dovuto scrivere questo selettore prima per risolvere un problema e ho usato jQuery perché il selettore è piuttosto avanzato "

Selezionare Solo elemento se i bambini non sono animati - Trucchi CSS

Selezionare Solo elemento se i bambini non sono animati - Trucchi CSS

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); Questo seleziona l'elemento "

Esegui JavaScript solo dopo che l'intera pagina è stata caricata - Trucchi CSS

Esegui JavaScript solo dopo che l'intera pagina è stata caricata - Trucchi CSS

$ (window) .bind ("load", function () (// code here)); "

Cerca / Sostituisci - Trucchi CSS

Cerca / Sostituisci - Trucchi CSS

JQuery (function () (jQuery (": contains (FIND)"). not (": has (: contains (FIND))"). each (function () (var that = $ (this), html = that. html (); html = "

Aggiornamento pagina parziale - Trucchi CSS

Aggiornamento pagina parziale - Trucchi CSS

Aggiorna alcuni elementi di una pagina utilizzando jQuery dopo un determinato periodo di tempo, può essere utilizzato con qualsiasi elemento con un ID. Ho modificato l'esempio fornito con "

Rimuovi valore specifico dalla matrice - Trucchi CSS

Rimuovi valore specifico dalla matrice - Trucchi CSS

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

Rendi l'intero div cliccabile - Trucchi CSS

Rendi l'intero div cliccabile - Trucchi CSS

Aggiornamento novembre 2020: penso che la migliore tecnica possibile per questo sia il Metodo 4 in questo articolo. Il

(o qualsiasi altro elemento wrapper) rimane "

Intestazioni persistenti nelle tabelle - Trucchi CSS

Intestazioni persistenti nelle tabelle - Trucchi CSS

Quando scorri verso il basso una pagina con una lunga tabella, in genere l'intestazione della tabella scorre e diventa inutile. Questo codice clona l'intestazione della tabella "

Incolla eventi - Trucchi CSS

Incolla eventi - Trucchi CSS

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

Forza della password - Trucchi CSS

Forza della password - Trucchi CSS

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

Sposta gli elementi dell'elenco cliccato all'inizio dell'elenco - Trucchi CSS

Sposta gli elementi dell'elenco cliccato all'inizio dell'elenco - Trucchi CSS

Supponendo HTML in questo modo: uno due tre Quindi, se si fa clic su "Due", spostarlo all'inizio dell'elenco. $ ("li"). fare clic su (function () ("

Apri collegamenti esterni in una nuova finestra - Trucchi CSS

Apri collegamenti esterni in una nuova finestra - Trucchi CSS

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) fare clic su (funzione (evento) ("

Sposta il cursore alla fine dell'area di testo o inserisci - Trucchi CSS

Sposta il cursore alla fine dell'area di testo o inserisci - Trucchi CSS

Codice per spostare il cursore alla fine del testo corrente all'interno dell'input, piuttosto che al valore predefinito (evidenziando il testo). Formato plug-in "

Plugin jQuery esternoHTML - Trucchi CSS

Plugin jQuery esternoHTML - Trucchi CSS

InnerHTML () è nativo e restituisce il contenuto di un nodo DOM (es. vivo all'interno di un div .. outerHTML () non lo è, il che includerebbe il nodo DOM corrente "

Crea jQuery: contiene case-insensitive - Trucchi CSS

Crea jQuery: contiene case-insensitive - Trucchi CSS

NUOVO selettore jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // SOVRASCRIVE vecchio "

Un jQuery hasAttr () Equivalent - Trucchi CSS

Un jQuery hasAttr () Equivalent - Trucchi CSS

JQuery non ha realmente una funzione .hasAttr (). Potresti presumere che lo sia, ma purtroppo non è così. Un thread StackOverflow ha qualcosa di abbastanza buono "

Carica solo una sezione di una pagina - Trucchi CSS

Carica solo una sezione di una pagina - Trucchi CSS

Caso d'uso Desideri che AJAX carichi una sezione di un'altra pagina del tuo sito nella pagina corrente. Supponiamo che il tuo sistema CMS eCommerce crei un menu dinamico di "

Scorri la pagina in orizzontale con la rotellina del mouse - Trucchi CSS

Scorri la pagina in orizzontale con la rotellina del mouse - Trucchi CSS

1) Carica jQuery e il plug-in Mouse Wheel Plugin Mouse Wheel è qui. 2) Associa l'evento della rotellina del mouse al corpo Il "30" rappresenta la velocità. preventDefault garantisce "

Carica jQuery solo se non presente - Trucchi CSS

Carica jQuery solo se non presente - Trucchi CSS

Supponiamo che stavi per includere un intero gruppo di pagine, e al suo interno volevi fare alcune cose specifiche per jQuery. Quella pagina può o "

Caricamento di jQuery - Trucchi CSS

Caricamento di jQuery - Trucchi CSS

Carica con l'API di Google Collegamento diretto a Google Verifica se caricato, carica solo se non caricato var jQueryScriptOutputted = false; function initJQuery () (// se il "

Codice Konami - Trucchi CSS

Codice Konami - Trucchi CSS

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

JQuery Sticky Footer - Trucchi CSS

JQuery Sticky Footer - Trucchi CSS

In generale, il CSS Sticky Footer è il modo migliore per procedere, poiché funziona perfettamente senza problemi e non richiede JavaScript. Se il markup richiesto semplicemente non lo è "

JQuery Zebra Stripe a Table - Trucchi CSS

JQuery Zebra Stripe a Table - Trucchi CSS

$ ("tr: odd"). addClass ("odd"); Quindi usa un po 'di CSS: .odd (background: #ccc;) "

Link Nudging - Trucchi CSS

Link Nudging - Trucchi CSS

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

Mantieni sincronizzati gli input di testo - Trucchi CSS

Mantieni sincronizzati gli input di testo - Trucchi CSS

Var $ input = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Esempio"

JQuery Tweetify Text - Trucchi CSS

JQuery Tweetify Text - Trucchi CSS

Funzione $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

JQuery Plugin Template - Trucchi CSS

JQuery Plugin Template - Trucchi CSS

Sostituisci le istanze di "yourPluginName" con il nome effettivo del plug-in. Le cose su "raggio" sono solo un esempio di un'opzione (parametro per passare il plugin). "

JQuery JSON che ottiene con rilevamento degli errori - Trucchi CSS

JQuery JSON che ottiene con rilevamento degli errori - Trucchi CSS

JQuery ha una funzione incorporata chiamata getJSON () per semplificare le richieste AJAX per i dati JSON. Normalmente funziona alla grande, ma se la funzione viene "