Fragmente de cod 2025, Ianuarie

Dezactivați / Reactivați intrările - CSS-Tricks

Dezactivați / Reactivați intrările - CSS-Tricks

Dezactivează: $ ("# buton de trimitere"). Attr ("dezactivat", adevărat); Reactivați: $ ("# buton de trimitere"). RemoveAttr ("dezactivat"); "

Dezactivați legăturile părinte în Navigare listă imbricată - CSS-Tricks

Dezactivați legăturile părinte în Navigare listă imbricată - CSS-Tricks

Cod jQuery care dezactivează legăturile părinte pentru meniurile derulante. Meniul ar trebui să fie construit ca liste imbricate, iar legătura părinte este dezactivată. Asta ajuta"

Detectați primul element vizibil din anumite clase - CSS-Tricks

Detectați primul element vizibil din anumite clase - CSS-Tricks

Adaugă o clasă de „primul” la primul element care are o clasă de „activitate” care este vizibilă în fereastra browserului. $ (window) .scroll (function () (var "

Ciclul printr-o listă - CSS-Tricks

Ciclul printr-o listă - CSS-Tricks

Acest cod va parcurge o listă neordonată cu un ID de „listă ciclică”. Poate fi folosit pe orice element cu copii. Înlocuiți „ul # cyclelist li” cu „

Comparați obiecte jQuery - CSS-Tricks

Comparați obiecte jQuery - CSS-Tricks

Nu puteți compara cu adevărat dacă două obiecte jQuery sunt aceleași ... if ($ (selectionOne) === $ (selectionTwo)) () Puteți compara obiecte DOM totuși ... if "

Combinați funcțiile Slide și Fade - CSS-Tricks

Combinați funcțiile Slide și Fade - CSS-Tricks

$ .fn.slideFadeToggle = funcție (viteză, relaxare, apel invers) (returnează this.animate ((opacitate: 'comutare', înălțime: 'comutare'), viteză, relaxare, apel invers);); Utilizare "

Faceți clic pe Odată și Anulați legătura - CSS-Tricks

Faceți clic pe Odată și Anulați legătura - CSS-Tricks

Să se întâmple ceva la un eveniment de clic, dar o singură dată! Deconectați gestionarul de clicuri după ce elementul a fost făcut clic o dată. $ ('# my-selector'). bind ('click', "

Ștergeți șirul de căutare implicit pe focus - CSS-Tricks

Ștergeți șirul de căutare implicit pe focus - CSS-Tricks

$ ("# s") .val ("Căutare ...") .css ("color", "#ccc") .focus (funcție () ($ (this) .css ("color", "black" ); if ($ (this) .val () == "Căutați ...") ($ (this) .val ("");) "

Ștergeți o intrare de fișier - CSS-Tricks

Ștergeți o intrare de fișier - CSS-Tricks

Puteți doar să o clonați și să o înlocuiți cu ea însăși, cu toate evenimentele încă atașate. var input = $ ("# control"); funcționează ceva_happens () ("

Verificați dacă jQuery este încărcat - CSS-Tricks

Verificați dacă jQuery este încărcat - CSS-Tricks

If (typeof jQuery == 'undefined') (// jQuery NU ESTE încărcat, faceți lucruri aici.) "

Verificați dacă evenimentul a fost declanșat sau nativ - CSS-Tricks

Verificați dacă evenimentul a fost declanșat sau nativ - CSS-Tricks

$ ('button'). click (function (event, wasTriggered) (if (wasTriggered) (alert ('triggered in code');) else (alert ('triggered by mouse');))); "

Verificați dacă Elementul există - CSS-Tricks

Verificați dacă Elementul există - CSS-Tricks

If ($ ('# myElement'). length> 0) (// există) Sau pentru a face din aceasta o funcție fantezistă cu un apel invers: // Tiny jQuery Plugin // de Chris Goodchild $ .fn.exists = "

Verificați dacă Caseta de selectare este bifată - CSS-Tricks

Verificați dacă Caseta de selectare este bifată - CSS-Tricks

Spune că de 10 ori rapid =). Aflați dacă o singură casetă de selectare este bifată sau nu, returnează adevărat sau fals: $ ('# checkBox'). Attr ('bifat'); Găsiți toate bifate "

Schimbați WMode cu jQuery - CSS-Tricks

Schimbați WMode cu jQuery - CSS-Tricks

Dacă nu setați wmode-ul pe o încorporare flash, acesta va pluti peste partea superioară a unei suprapuneri, care poate fi o afacere destul de mare. Acest lucru este ideal în mediu cu „

Detectare browser + Aplicare clase la element HTML - CSS-Tricks

Detectare browser + Aplicare clase la element HTML - CSS-Tricks

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

Verificați dacă există elemente goale - CSS-Tricks

Verificați dacă există elemente goale - CSS-Tricks

Faceți ceva pentru fiecare element gol găsit: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Do Something))); ADEVĂRAT sau FALS dacă elementul este gol: "

Manevrare mai bună a imaginilor sparte - CSS-Tricks

Manevrare mai bună a imaginilor sparte - CSS-Tricks

Imaginile lipsă fie nu vor afișa nimic, fie vor afișa o casetă de stil atunci când sursa lor nu poate fi găsită. În schimb, poate doriți să înlocuiți acest lucru cu un „

Calculați distanța dintre mouse și element - CSS-Tricks

Calculați distanța dintre mouse și element - CSS-Tricks

(function () (var mX, mY, distance, $ distance = $ ('# distance span'), $ element = $ ('# element'); function calculateDistance (elem, mouseX, mouseY) (return)

Adăugați DIV - CSS-Tricks

Adăugați DIV - CSS-Tricks

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacity' : 0,4, 'poziție': "

Descoperiți automat legăturile de documente și aplicați clasa - CSS-Tricks

Descoperiți automat legăturile de documente și aplicați clasa - CSS-Tricks

$ ('a'). fiecare (funcție () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Aceasta va analiza fiecare element de pe „

Adăugați spațiu neîntrerupt pe titlu pentru a preveni văduvele - CSS-Tricks

Adăugați spațiu neîntrerupt pe titlu pentru a preveni văduvele - CSS-Tricks

$ ("h2"). fiecare (funcție () (var wordArray = $ (this) .text (). split (""); var finalTitle = ""; for (i = 0; i "

Animează înălțimea / lățimea la „Auto” - CSS-Tricks

Animează înălțimea / lățimea la „Auto” - CSS-Tricks

Nu este posibil să faceți thing.animate (("înălțime": "auto")) ;. Deci, aceasta este metoda lui Darcy Clarke pentru a permite acest lucru să funcționeze. În esență, clonați elementul, "

Adăugați: nth-of-type la jQuery - CSS-Tricks

Adăugați: nth-of-type la jQuery - CSS-Tricks

$ .expr = function (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); Vezi articolul original "

Anulați scăderea codului HTML în JS - CSS-Tricks

Anulați scăderea codului HTML în JS - CSS-Tricks

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

Adăugarea / eliminarea clasei pe Hover - CSS-Tricks

Adăugarea / eliminarea clasei pe Hover - CSS-Tricks

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Acest lucru va funcționa în orice browser pe orice element, la „

Adăugați o clasă de navigare activă bazată pe URL - CSS-Tricks

Adăugați o clasă de navigare activă bazată pe URL - CSS-Tricks

Ideal ar fi să scoateți această clasă din partea serverului, dar dacă nu puteți ... Să presupunem că aveți o astfel de navigație: Acasă Despre clienți Contactați-ne Și sunteți "

Dimensiunea ecranului, rezoluția ecranului, poziția mouse-ului - CSS-Tricks

Dimensiunea ecranului, rezoluția ecranului, poziția mouse-ului - CSS-Tricks

Acest cod este compatibil cu toate browserele și verifică dimensiunile ecranului, rezoluția ecranului și poziția mouse-ului, ceea ce poate fi foarte util pentru "

Bookmarklet cu număr de cuvinte - CSS-Tricks

Bookmarklet cu număr de cuvinte - CSS-Tricks

Adăugați la bara de marcaje, selectați textul, faceți clic pe acesta pentru a obține numărul de cuvinte. Bookmarklet Count Words Cuvinte Count

Tăiați primele / ultimele caractere din șir - CSS-Tricks

Tăiați primele / ultimele caractere din șir - CSS-Tricks

Eliminați ultimele patru caractere var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString este acum „abc” Ștergeți primele două „