Koda fragmenti 2025, Aprīlis

Atspējot / atkārtoti iespējot ievades - CSS-triki

Atspējot / atkārtoti iespējot ievades - CSS-triki

Atspējot: $ ("# submit-button"). Attr ("atspējots", patiess); Atkārtoti iespējot: $ ("# submit-button"). RemoveAttr ("invalīds"); "

Atspējot vecāku saites ligzdoto sarakstu navigācijā CSS-triki

Atspējot vecāku saites ligzdoto sarakstu navigācijā CSS-triki

JQuery kods, kas nolaižamajās izvēlnēs atspējo vecāku saites. Izvēlne jāveido kā ligzdoti saraksti, un vecāku saite ir atspējota. Tas palīdz "

Noteikt noteiktas klases pirmo redzamo elementu CSS-triki

Noteikt noteiktas klases pirmo redzamo elementu CSS-triki

Pirmajam elementam, kas satur pārlūka logā redzamo “aktivitātes” klasi, tiek pievienota klase “pirmais”. $ (logs) .roll (funkcija () (var "

Pārlūkot pa sarakstu CSS-triki

Pārlūkot pa sarakstu CSS-triki

Šis kods pārlūkos nesakārtotu sarakstu ar “ciklistu saraksta” ID. Var izmantot uz jebkura elementa ar bērniem. Aizstājiet “ul # cyclelist li” ar “

Salīdziniet jQuery objektus CSS-triki

Salīdziniet jQuery objektus CSS-triki

Jūs īsti nevarat salīdzināt, vai divi jQuery objekti ir vienādi ... ja ($ (selectionOne) === $ (selectionTwo)) () Jūs tomēr varat salīdzināt DOM objektus ...

Apvienot slaidu un izbalēšanas funkcijas CSS-triki

Apvienot slaidu un izbalēšanas funkcijas CSS-triki

$ .fn.slideFadeToggle = funkcija (ātrums, atvieglošana, atzvanīšana) (atgrieziet šo. dzīvot ((necaurredzamība: 'pārslēgt', augstums: 'pārslēgt'), ātrums, atvieglojums, atzvanīšana);); Lietojums "

Noklikšķiniet uz Vienreiz un atsaistīt - CSS-triki

Noklikšķiniet uz Vienreiz un atsaistīt - CSS-triki

Lai kaut kas notiktu klikšķa pasākumā, bet tikai vienu reizi! Pēc elementa vienreizējas noklikšķināšanas atvienojiet klikšķu apstrādātāju. $ ('# my-selector'). bind ('klikšķis', "

Notīrīt noklusējuma meklēšanas virkni fokusā CSS-triki

Notīrīt noklusējuma meklēšanas virkni fokusā CSS-triki

$ ("# s") .val ("Meklēt ...") .css ("color", "#ccc") .focus (function () ($ (this) .css ("color", "black") ); if ($ (this) .val () == "Meklēt ...") ($ (this) .val ("");) "

Notīrīt faila ievadi - CSS-triki

Notīrīt faila ievadi - CSS-triki

Jūs to varat vienkārši klonēt un aizstāt ar sevi, ar visiem notikumiem joprojām pievienojot. var ievade = $ ("# control"); function something_happens () ("

Pārbaudiet, vai jQuery ir ielādēts CSS-triki

Pārbaudiet, vai jQuery ir ielādēts CSS-triki

Ja (typeof jQuery == 'undefined') (// jQuery NAV ielādēts, veiciet šeit sīkumus.) "

Pārbaudiet, vai notikums ir aktivizēts vai vietējais - CSS-triki

Pārbaudiet, vai notikums ir aktivizēts vai vietējais - CSS-triki

$ ('poga'). noklikšķiniet (funkcija (notikums, wasTriggered) (ja (wasTriggered) (brīdinājums ('aktivizēts kodā');) else (brīdinājums ('iedarbina pele');))); "

Pārbaudiet, vai elements pastāv - CSS-triki

Pārbaudiet, vai elements pastāv - CSS-triki

If ($ ('# myElement'). length> 0) (// tas pastāv) Vai arī padarīt to par izdomātu funkciju ar atzvanīšanu: // Tiny jQuery Plugin // by Chris Goodchild $ .fn.exists = "

Pārbaudiet, vai izvēles rūtiņa ir atzīmēta CSS-triki

Pārbaudiet, vai izvēles rūtiņa ir atzīmēta CSS-triki

Sakiet, ka 10 reizes ātri =). Uzziniet, vai ir atzīmēta viena izvēles rūtiņa vai nav, atgriež patiesu vai nepatiesu: $ ('# checkBox'). Attr ('pārbaudīts'); Atrast visus atzīmētos "

Mainīt WMode ar jQuery - CSS-triki

Mainīt WMode ar jQuery - CSS-triki

Ja neuzstādīsit wmode zibspuldzes iegulšanā, tas peldēs pār pārklājuma augšdaļu, kas var būt diezgan liels darījums. Tas ir ideāli vidē ar

Pārlūkprogrammas noteikšana + HTML elementam piemērot klases - CSS-triki

Pārlūkprogrammas noteikšana + HTML elementam piemērot klases - CSS-triki

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (funkcija (p, a, c, k, e, d) (e = funkcija (c) (atgriešanās (c "

Pārbaudiet, vai nav tukšu elementu CSS-triki

Pārbaudiet, vai nav tukšu elementu CSS-triki

Dariet kaut ko katram atrastajam tukšajam elementam: $ ('*'). Katrs (function () (if ($ (this) .text () == "") (// Dariet kaut ko)); TRUE vai FALSE, ja elements ir tukšs: "

Labāka šķelto attēlu apstrāde CSS-triki

Labāka šķelto attēlu apstrāde CSS-triki

Trūkstošajos attēlos vienkārši netiks rādīts nekas, vai arī tiks parādīts stila lodziņš, ja to avotu nevar atrast. Tā vietā jūs varat to aizstāt ar "

Aprēķiniet attālumu starp peli un elementu CSS-triki

Aprēķiniet attālumu starp peli un elementu CSS-triki

(funkcija () (var mX, mY, attālums, $ distance = $ ('# distance span'), $ element = $ ('# element'); funkcija aprēķina attālumu (elem, mouseX, mouseY) (atgriešanās "

Pievienot vietnes pārklājuma DIV - CSS-triki

Pievienot vietnes pārklājuma DIV - CSS-triki

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('necaurredzamība') : 0,4, 'pozīcija': "

Automātiski atrast dokumentu saites un lietot klasi CSS-triki

Automātiski atrast dokumentu saites un lietot klasi CSS-triki

$ ('a'). katrs (funkcija () (ja ((C = $ (šis) .attr ('href'). sakrīt (/ (doc | xls | pdf) $ /))) ($ (šis) .pievienot (C) klasi;))); Tas izskatīs visus elementus

Pievienojiet virsrakstam nepārtrauktu vietu, lai novērstu atraitnes - CSS-triki

Pievienojiet virsrakstam nepārtrauktu vietu, lai novērstu atraitnes - CSS-triki

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

Animēt augstumu / platumu uz "Auto" CSS-triki

Animēt augstumu / platumu uz "Auto" CSS-triki

To nav iespējams izdarīt. Dzīvs (("augstums": "auto")) ;. Tātad šī ir Darsija Klārka metode, kas ļauj tam darboties. Jūs būtībā klonējat elementu "

Pievienojiet: n-tā tipa jQuery - CSS-triki

Pievienojiet: n-tā tipa jQuery - CSS-triki

$ .expr = function (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); Skatīt sākotnējo rakstu "

Unescape HTML JS - CSS-triki

Unescape HTML JS - CSS-triki

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

Klases pievienošana / noņemšana ar kursoru - CSS-triki

Klases pievienošana / noņemšana ar kursoru - CSS-triki

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Tas darbosies jebkurā pārlūkprogrammā uz jebkura elementa uz "

Pievienot aktīvās navigācijas klasi, pamatojoties uz URL - CSS-triki

Pievienot aktīvās navigācijas klasi, pamatojoties uz URL - CSS-triki

Ideālā gadījumā jūs izvadāt šo klasi no servera puses, bet, ja nevarat ... Pieņemsim, ka jums ir šāda navigācija: Sākums Par klientiem Sazinieties ar mums un jūs esat "

Skata loga izmērs, ekrāna izšķirtspēja, peles izvietojums CSS-triki

Skata loga izmērs, ekrāna izšķirtspēja, peles izvietojums CSS-triki

Šis kods ir saderīgs ar vairākām pārlūkprogrammām un pārbauda skata loga izmērus, ekrāna izšķirtspēju un peles izvietojumu, kas var būt ļoti noderīgs. "

Vārdu skaitīšanas grāmatiņa - CSS-triki

Vārdu skaitīšanas grāmatiņa - CSS-triki

Pievienojiet grāmatzīmju joslai, atlasiet tekstu, noklikšķiniet uz tā, lai iegūtu vārdu skaitu. Skaitīt vārdus Grāmatzīme Skaitīt vārdus

Apgrieziet virknes pirmās / pēdējās rakstzīmes CSS-triki

Apgrieziet virknes pirmās / pēdējās rakstzīmes CSS-triki

Noņemt pēdējās četras rakstzīmes var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString tagad ir "abc" Noņemt pirmos divus "