Kodo fragmentai 2025, Sausis

Nustatyti / išvalyti numatytąją įvesties vertę CSS-gudrybės

Nustatyti / išvalyti numatytąją įvesties vertę CSS-gudrybės

$ ('. default-value'). kiekvienas (function () (var default_value = this.value; $ (this) .focus (function () (if (this.value == default_value) (this.value = "" ;))); "

Serializuoti formą į JSON - CSS-gudrybės

Serializuoti formą į JSON - CSS-gudrybės

$ .fn.serializeObject = funkcija () (var o = (); var a = this.serializeArray (); $ .each (a, funkcija () (jei (o) (jei (! o.push) (o = );) o.push (this.value "

Pasirinkite tik sąrašo elementą, jei jame nėra kito sąrašo (ir jis yra aukščiausio lygio) CSS-gudrybės

Pasirinkite tik sąrašo elementą, jei jame nėra kito sąrašo (ir jis yra aukščiausio lygio) CSS-gudrybės

Suprantu, kad tai gana konkreti, bet aš turėjau parašyti šį parinkiklį anksčiau, kad išspręstų problemą, ir naudojau „jQuery“, nes selektorius yra gana pažengęs “

Pasirinkite elementą tik tuo atveju, jei vaikai nėra animuoti CSS-gudrybės

Pasirinkite elementą tik tuo atveju, jei vaikai nėra animuoti CSS-gudrybės

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); Tai pasirenka elementą "

Paleisti „JavaScript“ tik po to, kai bus įkeltas visas puslapis - CSS-gudrybės

Paleisti „JavaScript“ tik po to, kai bus įkeltas visas puslapis - CSS-gudrybės

$ (langas) .bind ("įkelti", funkcija () (// kodas čia)); "

Ieškoti / pakeisti - CSS-gudrybės

Ieškoti / pakeisti - CSS-gudrybės

JQuery (funkcija () (jQuery (": yra (RASTI)"). ne (": turi (: yra (RAS))"). kiekviena (funkcija () (var kad = $ (tai), html = tai. html (); html = "

Dalinis puslapio atnaujinimas - CSS-gudrybės

Dalinis puslapio atnaujinimas - CSS-gudrybės

Atnaujinkite tam tikrus puslapio elementus naudodami „jQuery“ po nustatyto laiko, galima naudoti su bet kuriuo elementu su ID. Pataisiau pateiktą pavyzdį su „

Pašalinti specifinę vertę iš masyvo CSS-gudrybės

Pašalinti specifinę vertę iš masyvo CSS-gudrybės

Var arr =; var pašalintiItem = 2; arr = $ .grep (arr, funkcija (reikšmė) (grąžinimo reikšmė! = removeItem;)); "

Padaryti spustelėjamą visą Div - CSS-gudrybės

Padaryti spustelėjamą visą Div - CSS-gudrybės

Atnaujinkite 2020 m. Lapkritį: manau, kad geriausia įmanoma šio metodo technika yra šio straipsnio 4 metodas. Išlieka

(arba bet koks pakuotės elementas) "

Nuolatinės lentelių antraštės CSS-gudrybės

Nuolatinės lentelių antraštės CSS-gudrybės

Kai slenkate žemyn puslapyje, kuriame yra ilga lentelė, lentelės antraštė paprastai slenka tolyn ir tampa nenaudinga. Šis kodas klonuoja lentelės antraštę "

Įklijuoti įvykius CSS-gudrybės

Įklijuoti įvykius CSS-gudrybės

$ .fn.pasteEvents = funkcija (delsa) (jei (delta == neapibrėžta) delsa = 20; grąžinti $ (this) .each (function () (var $ el = $ (this); $ el.on ("paste ", funkcija()"

Slaptažodžio stiprumas - CSS-gudrybės

Slaptažodžio stiprumas - CSS-gudrybės

$ ('# pass'). klavišas (funkcija (e) (var strongRegex = new RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = naujas"

Perkelti spustelėtų sąrašo elementus į sąrašo viršų - CSS-gudrybės

Perkelti spustelėtų sąrašo elementus į sąrašo viršų - CSS-gudrybės

Darant prielaidą, kad HTML yra toks: vienas du trys Taigi, jei spustelėsite „Du“, perkelkite jį į sąrašo viršų. $ ("li"). spustelėkite (function () ("

Atidaryti išorines nuorodas naujame lange CSS-gudrybės

Atidaryti išorines nuorodas naujame lange CSS-gudrybės

$ ('a'). kiekvienas (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .spustelėkite (funkcija (įvykis) ("

Perkelti žymeklį į teksto srities arba įvesties pabaigą CSS-gudrybės

Perkelti žymeklį į teksto srities arba įvesties pabaigą CSS-gudrybės

Kodas, kad žymeklis būtų perkeltas į dabartinio teksto pabaigą įvestyje, o ne į numatytąjį (paryškinant tekstą). Papildinio formatas "

IšorinisHTML jQuery papildinys - CSS-gudrybės

IšorinisHTML jQuery papildinys - CSS-gudrybės

InternalHTML () yra gimtoji ir pateikia DOM mazgo turinį (pvz., aš gyvenu div .. viduje. externalHTML () nėra, į kurį būtų įtrauktas dabartinis DOM mazgas "

Padarykite „jQuery“: jame neskiriamos didžiosios ir mažosios raidės - CSS-gudrybės

Padarykite „jQuery“: jame neskiriamos didžiosios ir mažosios raidės - CSS-gudrybės

NAUJAS selektorius jQuery.expr.Contains = funkcija (a, i, m) (grąžinti jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERWRITES senas "

A jQuery hasAttr () ekvivalentas - CSS-gudrybės

A jQuery hasAttr () ekvivalentas - CSS-gudrybės

„jQuery“ iš tikrųjų neturi .hasAttr () funkcijos. Galima manyti, kad taip yra, bet, deja, taip nėra. „StackOverflow“ gija yra gana gera “

Įkelti tik puslapio dalį - CSS-gudrybės

Įkelti tik puslapio dalį - CSS-gudrybės

Naudojimo atvejis AJAX norite įkelti kito jūsų svetainės puslapio skyrių į dabartinį puslapį. Tarkime, jūsų el. Prekybos TVS sistema sukuria dinamišką meniu

Slinkite puslapį horizontaliai naudodami pelės ratuką CSS-gudrybės

Slinkite puslapį horizontaliai naudodami pelės ratuką CSS-gudrybės

1) Įkelkite „jQuery“ ir pelės rato papildinį. „Pelės rato“ papildinys yra čia. 2) Pritvirtinkite pelės rato įvykį prie kūno „30“ reiškia greitį. prevDefault užtikrina "

Įkelti „jQuery“ tik tuo atveju, jei jo nėra - CSS-gudrybės

Įkelti „jQuery“ tik tuo atveju, jei jo nėra - CSS-gudrybės

Tarkime, kad ketinote įtraukti įtraukimą į daugybę puslapių, o to viduje norėjote atlikti tam tikrus „jQuery“ dalykus. Tas puslapis gali arba

Įkeliama „jQuery“ CSS-gudrybės

Įkeliama „jQuery“ CSS-gudrybės

Įkelti su „Google“ API tiesiogine nuoroda į „Google Check“, jei ji įkelta, įkelti tik tada, jei nepakrauta var jQueryScriptOutputted = false; funkcija initJQuery () (// jei "

Konami kodas - CSS-gudrybės

Konami kodas - CSS-gudrybės

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (dokumentas) .keydown (funkcija (e) (kkeys.push (e.keyCode); if (kkeys.toString (). indexOf (konami "

„jQuery“ lipni poraštė - CSS-gudrybės

„jQuery“ lipni poraštė - CSS-gudrybės

Apskritai CSS lipni poraštė yra geriausias būdas, nes ji veikia sklandžiai ir nereikalauja „JavaScript“. Jei reikalingas žymėjimas tiesiog nėra "

„jQuery Zebra Stripe a Table“ CSS-gudrybės

„jQuery Zebra Stripe a Table“ CSS-gudrybės

$ ("tr: nelyginis"). addClass ("nelyginis"); Tada naudokite keletą CSS: .odd (fonas: #ccc;) "

Nuorodos judinimas - CSS-gudrybės

Nuorodos judinimas - CSS-gudrybės

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animuoti ((paddingLeft: "0px"), 200);)); Padaryti "

Teksto įvestis sinchronizuojama - CSS-gudrybės

Teksto įvestis sinchronizuojama - CSS-gudrybės

Var $ įėjimai = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Pavyzdys"

„jQuery Tweetify“ tekstas - CSS-gudrybės

„jQuery Tweetify“ tekstas - CSS-gudrybės

Funkcija $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

„jQuery“ papildinio šablonas - CSS-gudrybės

„jQuery“ papildinio šablonas - CSS-gudrybės

Pakeiskite „yourPluginName“ egzempliorius tikruoju papildinio pavadinimu. Informacija apie „spindulį“ yra tik parinkties pavyzdys (parametras, leidžiantis perduoti papildinį). "

„jQuery JSON“ su klaidų gaudymu - CSS-gudrybės

„jQuery JSON“ su klaidų gaudymu - CSS-gudrybės

„jQuery“ turi įmontuotą funkciją, vadinamą getJSON (), kad būtų lengviau palengvinti AJAX užklausas dėl JSON duomenų. Paprastai tai puikiai veikia, bet jei ši funkcija gaunama "