Kodebiter 2025, April

Deaktiver / gjenaktiver innganger - CSS-triks

Deaktiver: $ ("# send-knapp"). Attr ("deaktivert", sant); Aktiver på nytt: $ ("# send-knapp"). RemoveAttr ("deaktivert"); "

Deaktiver foreldrekoblinger i nestet listenavigasjon CSS-triks

JQuery-kode som deaktiverer overordnede lenker for rullegardinmenyer. Menyen skal bygges som nestede lister, og foreldrekoblingen er deaktivert. Dette hjelper "

Oppdag det første synlige elementet i visse klasser CSS-triks

Legger til en klasse "først" til det første elementet som har en klasse med "aktivitet" som er synlig i nettleservinduet. $ (vindu) .scroll (funksjon () (var "

Sykle gjennom en liste - CSS-triks

Denne koden vil bla gjennom en ikke-ordnet liste med ID på 'syklist'. Kan brukes på ethvert element med barn. Erstatt "ul # syklistliste" med "

Sammenlign jQuery Objects - CSS-triks

Du kan egentlig ikke sammenligne om to jQuery-objekter er de samme ... hvis ($ (selectionOne) === $ (selectionTwo)) () Du kan sammenligne DOM-objekter skjønt ... hvis "

Kombiner funksjoner for lysbilde og falming - CSS-triks

$ .fn.slideFadeToggle = funksjon (hastighet, lettelse, tilbakeringing) (returner dette.animate ((opacity: 'toggle', height: 'toggle'), speed, easing, callback);); Bruk "

Klikk Én gang og løsne - CSS-triks

Har det skjedd noe på en klikkhendelse, men bare en gang! Løsne klikkbehandleren etter at elementet er klikket en gang. $ ('# min velger'). bind ('klikk', "

Fjern standard søkestreng på fokus - CSS-triks

$ ("# s") .val ("Søk ...") .css ("farge", "#ccc") .fokus (funksjon () ($ (dette) .css ("farge", "svart" ); hvis ($ (dette) .val () == "Søk ...") ($ (dette) .val ("");) "

Fjern en filinngang - CSS-triks

Du kan bare klone den og erstatte den med seg selv, med alle hendelser fremdeles vedlagt. var input = $ ("# control"); funksjon noe_hender () ("

Sjekk om jQuery er lastet - CSS-triks

Hvis (typeof jQuery == 'udefinert') (// jQuery IKKE er lastet, gjør ting her.) "

Sjekk om hendelsen var utløst eller opprinnelig - CSS-triks

$ ('knapp'). klikk (funksjon (hendelse, var utløst) (hvis (var utløst) (varsel ('utløst i kode');) annet (varsel ('utløst av mus');)))); "

Sjekk om Element eksisterer - CSS-triks

Hvis ($ ('# myElement'). lengde> 0) (// det eksisterer) Eller for å gjøre det til en fancy funksjon med tilbakeringing: // Tiny jQuery Plugin // av Chris Goodchild $ .fn.exists = "

Sjekk om avkrysningsruten er avmerket CSS-triks

Si det 10 ganger raskt =). Finn ut om en enkelt avkrysningsrute er merket eller ikke, returnerer sant eller usant: $ ('# sjekkboks'). Attr ('merket'); Finn alle avmerkede "

Endre WMode med jQuery - CSS-triks

Hvis du ikke setter wmode på en flash-innebygging, vil den flyte over toppen av et overlegg som kan være en ganske stor avtale. Dette er ideelt i miljø med "

Browser Detection + Apply Classes to HTML Element - CSS-triks

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

Se etter tomme elementer - CSS-triks

Gjør noe for hvert tomt element som er funnet: $ ('*'). Hver (funksjon () (hvis ($ (dette). Tekst () == "") (// Gjør noe))); SANN eller FALSK hvis elementet er tomt: "

Bedre ødelagt bildebehandling - CSS-triks

Manglende bilder vil enten bare vise ingenting, eller vise en stilrute når kilden ikke kan bli funnet. I stedet vil du kanskje erstatte det med en "

Beregn avstand mellom mus og element - CSS-triks

(funksjon () (var mX, mY, avstand, $ avstand = $ ('# avstandsspenn'), $ element = $ ('# element'); funksjon beregner avstand (elem, mouseX, musY) (retur "

Legg til sideoverlegg DIV - CSS-triks

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacity' : 0.4, 'position': "

Oppdag automatisk dokumentlenker og bruk klasse - CSS-triks

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

Legg til ikke-brutt mellomrom på tittel for å forhindre enker - CSS-triks

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

Animer høyde / bredde til "Auto" - CSS-triks

Det er ikke mulig å gjøre ting.animate (("høyde": "auto")) ;. Så dette er Darcy Clarkes metode for å la det fungere. Du kloner i hovedsak elementet, "

Legg til: nth-of-type til jQuery - CSS-triks

$ .ekspr = funksjon (elem, i, match) (var parts = match.split ("+"); retur (i + 1 - (deler || 0))% parseInt (deler, 10) === 0; ); Se den opprinnelige artikkelen "

Unescape HTML i JS - CSS-triks

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

Legge til / fjerne klasse på sveve - CSS-triks

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Dette fungerer i alle nettlesere på ethvert element, å "

Legg til aktiv navigasjonsklasse basert på URL - CSS-triks

Ideelt sett sender du ut denne klassen fra serversiden, men hvis du ikke kan ... La oss si at du har navigering som dette: Hjem Om klienter Kontakt oss Og du er "

Visningsstørrelse, skjermoppløsning, musepostisjon - CSS-triks

Denne koden er kompatibel med flere nettlesere og sjekker dimensjonene til visningsområdet, skjermoppløsningen og museposisjonen, noe som kan være ganske nyttig å "

Word Count Booklet - CSS-triks

Legg til i bokmerkeraden, velg tekst, klikk på den for å få ordtellingen. Count Words Booklet Count Words

Trim første / siste tegn i streng - CSS-triks

Fjern de siste fire tegnene var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString er nå "abc" Fjern de to første "