Koodijupid 2025, Aprill

Sisendite keelamine / uuesti lubamine - CSS-trikid

Sisendite keelamine / uuesti lubamine - CSS-trikid

Keela: $ ("# esita-nupp"). Attr ("keelatud", tõsi); Luba uuesti: $ ("# esita-nupp"). RemoveAttr ("keelatud"); "

Keela vanemate lingid pesastatud loendis navigeerimisel - CSS-trikid

Keela vanemate lingid pesastatud loendis navigeerimisel - CSS-trikid

JQuery kood, mis keelab rippmenüüdes vanemlingid. Menüü tuleks ehitada pesastatud loenditena ja vanemlink on keelatud. See aitab "

Teatud klassi esimese nähtava elemendi tuvastamine CSS-trikid

Teatud klassi esimese nähtava elemendi tuvastamine CSS-trikid

Lisab klassi "esimene" esimesele elemendile, millel on brauseriaknas nähtav "tegevuse" klass. $ (aken). scroll (funktsioon () (var "

Liikuge loendis läbi - CSS-trikid

Liikuge loendis läbi - CSS-trikid

See kood sirvib järjestamata loendit, mille ID on „tsükkelist”. Saab kasutada mis tahes elemendil koos lastega. Asendage "ul # cyclelist li" sõnaga "

Võrdle jQuery objekte - CSS-trikid

Võrdle jQuery objekte - CSS-trikid

Te ei saa tegelikult võrrelda, kas kaks jQuery objekti on ühesugused ... if ($ (selectionOne) === $ (selectionTwo)) () DOM-i objekte saate siiski võrrelda ... kui "

Kombineeri slaidi- ja tuhmumisfunktsioonid CSS-trikid

Kombineeri slaidi- ja tuhmumisfunktsioonid CSS-trikid

$ .fn.slideFadeToggle = funktsioon (kiirus, leevendamine, tagasihelistamine) (tagastage see.animaalne ((läbipaistmatus: 'lülitamine', kõrgus: 'ümberlülitamine'), kiirus, leevendamine, tagasihelistamine);); Kasutamine "

Klõpsake üks kord ja tühista - CSS-trikid

Klõpsake üks kord ja tühista - CSS-trikid

Las klõpsude sündmusel juhtub midagi, kuid ainult üks kord! Kui elemendil on üks kord klõpsatud, vabastage klõpsude käitleja. $ ('# my-selector'). bind ('klõpsa', "

Tühjenda fookuses vaikotsingu string - CSS-trikid

Tühjenda fookuses vaikotsingu string - CSS-trikid

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

Kustuta failisisend - CSS-trikid

Kustuta failisisend - CSS-trikid

Saate selle lihtsalt kloonida ja asendada iseendaga, kusjuures kõik sündmused on endiselt lisatud. var sisend = $ ("# kontroll"); function something_happens () ("

Kontrollige, kas jQuery on laaditud - CSS-trikid

Kontrollige, kas jQuery on laaditud - CSS-trikid

If (typeof jQuery == 'undefined') (// jQuery EI OLE laaditud, tehke siin asju.) "

Kontrollige, kas sündmus on käivitatud või kohalik - CSS-trikid

Kontrollige, kas sündmus on käivitatud või kohalik - CSS-trikid

$ ('nupp'). klõpsake (function (event, wasTriggered) (if (wasTriggered) (alert ('käivitatud koodis');) else (alarm ('hiire käivitatud';))); "

Kontrollige, kas elementi on olemas CSS-trikid

Kontrollige, kas elementi on olemas CSS-trikid

If ($ ('# myElement'). pikkus> 0) (// see on olemas) Või selleks, et muuta see tagasihelistusega väljamõeldud funktsiooniks: // Pisike jQuery pistikprogramm // autorilt Chris Goodchild $ .fn.exists = "

Kontrollige, kas märkeruut on märgitud - CSS-trikid

Kontrollige, kas märkeruut on märgitud - CSS-trikid

Ütle, et 10 korda kiiresti =). Uurige, kas üks ruut on märgitud või mitte, tagastab tõese või vale: $ ('# checkBox'). Attr ('kontrollitud'); Leia kõik märgitud "

WMode'i muutmine jQuery - abil CSS-trikid

WMode'i muutmine jQuery - abil CSS-trikid

Kui te ei määra wmode'i välklambile, hõljub see üle ülekatte ülaosa, mis võib olla päris suur asi. See on ideaalne keskkonnas, kus on

Brauseri tuvastamine + Klasside rakendamine HTML-elemendile - CSS-trikid

Brauseri tuvastamine + Klasside rakendamine HTML-elemendile - CSS-trikid

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

Kontrollige, kas tühjad elemendid on olemas CSS-trikid

Kontrollige, kas tühjad elemendid on olemas CSS-trikid

Tehke midagi iga leitud tühja elemendi jaoks: $ ('*'). Iga (function () (if ($ (this) .text () == "") (// Tee midagi)); TRUE või FALSE, kui element on tühi: "

Parem purustatud piltide käitlemine CSS-trikid

Parem purustatud piltide käitlemine CSS-trikid

Puuduvate piltide korral ei kuvata lihtsalt midagi või kuvatakse stiilikast, kui nende allikat ei leita. Selle asemel võite selle asendada

Arvutage kaugus hiire ja elemendi vahel CSS-trikid

Arvutage kaugus hiire ja elemendi vahel CSS-trikid

(function () (var mX, mY, kaugus, $ distance = $ ('# distance span'), $ element = $ ('# element'); funktsioon calcDistance (elem, mouseX, mouseY) (return "

Lisa saidi ülekate DIV - CSS-trikid

Lisa saidi ülekate DIV - CSS-trikid

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('läbipaistmatus' : 0,4, 'positsioon': "

Avastage automaatselt dokumendilinke ja rakendage klass - CSS-trikid

Avastage automaatselt dokumendilinke ja rakendage klass - CSS-trikid

$ ('a'). iga (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .klass (C);))); See vaatab läbi kõik elemendid

Leskide vältimiseks lisage pealkirjale katkematu tühik - CSS-trikid

Leskide vältimiseks lisage pealkirjale katkematu tühik - CSS-trikid

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

Animeeri kõrgus / laius väärtusele "Automaatne" CSS-trikid

Animeeri kõrgus / laius väärtusele "Automaatne" CSS-trikid

Ei ole võimalik midagi teha. Elada (("kõrgus": "auto")) ;. Nii et see on Darcy Clarke'i meetod selle toimimiseks. Kloonite elemendi sisuliselt, "

Lisage jQueryle n-tüüpi tüüp - CSS-trikid

Lisage jQueryle n-tüüpi tüüp - CSS-trikid

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

Tühjendage HTML JS-is - CSS-trikid

Tühjendage HTML JS-is - CSS-trikid

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

Kursuse lisamine / eemaldamine kursori peal - CSS-trikid

Kursuse lisamine / eemaldamine kursori peal - CSS-trikid

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) See töötab igas brauseris mis tahes elemendi puhul

Lisage aktiivse navigeerimise klass URL-i põhjal - CSS-trikid

Lisage aktiivse navigeerimise klass URL-i põhjal - CSS-trikid

Ideaalis väljastate selle klassi serveri poolelt, kuid kui te ei saa ... Oletame, et teil on selline navigeerimine: Avaleht Klientidest Võtke meiega ühendust ja olete "

Vaateava suurus, ekraani eraldusvõime, hiire postitus - CSS-trikid

Vaateava suurus, ekraani eraldusvõime, hiire postitus - CSS-trikid

See kood on brauserite ühilduv ja kontrollib vaateava mõõtmeid, ekraani eraldusvõimet ja hiirepositsiooni, millest võib olla palju abi "

Sõnade loendi järjehoidja - CSS-trikid

Sõnade loendi järjehoidja - CSS-trikid

Lisage järjehoidjaribale, valige tekst, klõpsake sellel sõnade arvu saamiseks. Sõnade loendamine järjehoidja Sõnade loendamine

Kärbi stringi esimesed / viimased tähemärgid - CSS-trikid

Kärbi stringi esimesed / viimased tähemärgid - CSS-trikid

Eemalda neli viimast märki var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString on nüüd "abc" Eemalda kaks esimest "