Kodestykker 2025, September

Deaktiver / genaktiver indgange - CSS-tricks

Deaktiver / genaktiver indgange - CSS-tricks

Deaktiver: $ ("# send-knap"). Attr ("deaktiveret", sandt); Genaktiver: $ ("# send-knap"). RemoveAttr ("deaktiveret"); "

Deaktiver forældrelinks i indlejret listenavigation CSS-tricks

Deaktiver forældrelinks i indlejret listenavigation CSS-tricks

JQuery-kode, der deaktiverer overordnede links til rullemenuer. Menuen skal bygges som indlejrede lister, og det overordnede link er deaktiveret. Dette hjælper "

Registrer det første synlige element i visse klasser CSS-tricks

Registrer det første synlige element i visse klasser CSS-tricks

Føjer en klasse af "først" til det første element, der har en klasse af "aktivitet", der er synlig i browservinduet. $ (vindue) .scroll (funktion () (var "

Gå gennem en liste - CSS-tricks

Gå gennem en liste - CSS-tricks

Denne kode skifter gennem en ikke-ordnet liste med id''cykelist '. Kan bruges på ethvert element med børn. Erstat "ul # cyclelist li" med "

Sammenlign jQuery Objects - CSS-tricks

Sammenlign jQuery Objects - CSS-tricks

Du kan ikke rigtig sammenligne, hvis to jQuery-objekter er de samme ... hvis ($ (selectionOne) === $ (selectionTwo)) () Du kan dog sammenligne DOM-objekter ... hvis "

Kombiner funktioner til glide og fade - CSS-tricks

Kombiner funktioner til glide og fade - CSS-tricks

$ .fn.slideFadeToggle = funktion (hastighed, lempelse, tilbagekald) (returner denne.animate ((opacitet: 'skift', højde: 'skift'), hastighed, lempelse, tilbagekald);); Anvendelse "

Klik på Én gang, og løsn - CSS-tricks

Klik på Én gang, og løsn - CSS-tricks

Få noget til at ske på en klikbegivenhed, men kun én gang! Fjern bindingshåndteringen, når elementet er blevet klikket en gang. $ ('# min-vælger'). bind ('klik', "

Ryd standardsøgestreng på fokus - CSS-tricks

Ryd standardsøgestreng på fokus - CSS-tricks

$ ("# s") .val ("Søg ...") .css ("farve", "#ccc") .fokus (funktion () ($ (denne) .css ("farve", "sort" ); hvis ($ (dette) .val () == "Søg ...") ($ (dette) .val ("");) "

Ryd et filinput - CSS-tricks

Ryd et filinput - CSS-tricks

Du kan bare klone det og erstatte det med sig selv, med alle begivenheder stadig vedhæftet. var input = $ ("# kontrol"); funktion something_happens () ("

Kontroller, om jQuery er indlæst - CSS-tricks

Kontroller, om jQuery er indlæst - CSS-tricks

Hvis (typeof jQuery == 'udefineret') (// jQuery IKKE er indlæst, gør ting her.) "

Kontroller, om begivenheden var udløst eller oprindelig - CSS-tricks

Kontroller, om begivenheden var udløst eller oprindelig - CSS-tricks

$ ('knap'). klik på (funktion (begivenhed, var udløst) (hvis (var udløst) (alarm ('udløst i kode');) andet (alarm ('udløst af mus');)))); "

Kontroller, om elementet findes - CSS-tricks

Kontroller, om elementet findes - CSS-tricks

If ($ ('# myElement'). længde> 0) (// det findes) Eller for at gøre det til en fin funktion med et tilbagekald: // Lille jQuery-plugin // af Chris Goodchild $ .fn.exists = "

Kontroller, om afkrydsningsfeltet er markeret - CSS-tricks

Kontroller, om afkrydsningsfeltet er markeret - CSS-tricks

Sig det 10 gange hurtigt =). Find ud af, om et enkelt afkrydsningsfelt er markeret eller ej, returnerer sandt eller falsk: $ ('# checkBox'). Attr ('markeret'); Find alle markerede "

Skift WMode med jQuery - CSS-tricks

Skift WMode med jQuery - CSS-tricks

Hvis du ikke indstiller wmode på en flashindlejring, flyder den over toppen af ​​et overlay, hvilket kan være en temmelig big deal. Dette er ideelt i miljø med "

Browserregistrering + Anvend klasser på HTML-element - CSS-tricks

Browserregistrering + Anvend klasser på HTML-element - CSS-tricks

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

Kontroller for tomme elementer - CSS-tricks

Kontroller for tomme elementer - CSS-tricks

Gør noget for hvert tomt element, der findes: $ ('*'). Hver (funktion () (hvis ($ (dette). Tekst () == "") (// Gør noget))); SAND eller FALSK, hvis elementet er tomt: "

Bedre ødelagt billedhåndtering - CSS-tricks

Bedre ødelagt billedhåndtering - CSS-tricks

Manglende billeder viser enten bare ingenting eller viser et stilfelt, når deres kilde ikke kan findes. I stedet vil du måske erstatte det med en "

Beregn afstanden mellem mus og element CSS-tricks

Beregn afstanden mellem mus og element CSS-tricks

(funktion () (var mX, mY, distance, $ distance = $ ('# distance span'), $ element = $ ('# element'); funktion beregnerDistance (elem, mouseX, mouseY) (return "

Føj webstedsoverlay DIV - CSS-tricks

Føj webstedsoverlay DIV - CSS-tricks

$ (funktion () (var docHeight = $ (dokument) .højde (); $ ("body"). tilføj (""); $ ("# overlay") .højde (docHeight) .css (('opacitet' : 0.4, 'position': "

Find automatisk dokumentlinks og anvend klasse - CSS-tricks

Find automatisk dokumentlinks og anvend klasse - CSS-tricks

$ ('a'). hver (funktion () (hvis ((C = $ (dette) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (dette) .addClass (C);))); Dette vil se igennem alle et element på "

Tilføj ikke-brudende plads på titel for at forhindre enker - CSS-tricks

Tilføj ikke-brudende plads på titel for at forhindre enker - CSS-tricks

$ ("h2"). hver (funktion () (var wordArray = $ (denne). tekst (). split (""); var finalTitle = ""; for (i = 0; i "

Animer højde / bredde til "Auto" - CSS-tricks

Animer højde / bredde til "Auto" - CSS-tricks

Det er ikke muligt at gøre ting.animate (("højde": "auto")) ;. Så dette er Darcy Clarkes metode til at lade det arbejde. Du kloner i det væsentlige elementet, "

Tilføj: nth-of-type til jQuery - CSS-tricks

Tilføj: nth-of-type til jQuery - CSS-tricks

$ .expr = funktion (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (dele || 0))% parseInt (dele, 10) === 0; ); Se den originale artikel "

Fjern undtagelse af HTML i JS - CSS-tricks

Fjern undtagelse af HTML i JS - CSS-tricks

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

Tilføjelse / fjernelse af klasse under svævning CSS-tricks

Tilføjelse / fjernelse af klasse under svævning CSS-tricks

$ ('# elm'). hover (funktion () ($ (dette) .addClass ('hover')), funktion () ($ (dette) .removeClass ('hover'))) Dette fungerer i enhver browser på ethvert element, at "

Tilføj Active Navigation Class Baseret på URL - CSS-tricks

Tilføj Active Navigation Class Baseret på URL - CSS-tricks

Ideelt set sender du denne klasse fra serversiden, men hvis du ikke kan ... Lad os sige, at du har en sådan navigation: Hjem Om klienter Kontakt os, og du er "

Visningsstørrelse, skærmopløsning, musepostition - CSS-tricks

Visningsstørrelse, skærmopløsning, musepostition - CSS-tricks

Denne kode er cross-browser kompatibel og kontrollerer visningsportens dimensioner, skærmopløsningen og musepositionen, som kan være meget nyttigt for "

Word Count Bogmærke - CSS-tricks

Word Count Bogmærke - CSS-tricks

Føj til bogmærkelinjen, vælg tekst, klik på den for at få ordtællingen. Count Words Bookmarklet Count Words

Trim første / sidste tegn i streng - CSS-tricks

Trim første / sidste tegn i streng - CSS-tricks

Fjern de sidste fire tegn var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString er nu "abc" Fjern de første to "