Codefragmenten 2025, Januari-

Standaardinvoerwaarde instellen / wissen - CSS-trucs

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

Formulier serialiseren naar JSON - CSS-trucs

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

Selecteer alleen lijstitem als het geen andere lijst bevat (en het hoogste niveau is) - CSS-trucs

Ik realiseer me dat dit nogal specifiek is, maar ik moest deze selector eerder schrijven om een probleem op te lossen en ik heb jQuery gebruikt omdat de selector nogal geavanceerd is "

Selecteer Element alleen als kinderen geen animatie hebben - CSS-trucs

Var myChildrenBehave = $ (". element"). filter (function () (var gefilterd = $ (this) .children (). not (": animated"); return gefilterd;)); Dit selecteert het element "

Voer JavaScript pas uit nadat de volledige pagina is geladen - CSS-trucs

$ (window) .bind ("load", function () (// code hier)); "

Zoeken / vervangen - CSS-trucs

JQuery (function () (jQuery (": bevat (FIND)"). niet (": heeft (: bevat (FIND))"). elk (function () (var that = $ (this), html = that. html (); html = "

Gedeeltelijke pagina vernieuwen - CSS-trucs

Ververs bepaalde elementen van een pagina met jQuery na een bepaalde tijd, kan gebruikt worden met elk element met een ID. Ik heb het gegeven voorbeeld gewijzigd met de "

Specifieke waarde verwijderen uit array - CSS-trucs

Var arr =; var removeItem = 2; arr = $ .grep (arr, functie (waarde) (retourwaarde! = removeItem;)); "

Gehele div klikbaar maken - CSS-trucs

Update november 2020: Ik denk dat de best mogelijke techniek hiervoor Methode 4 in dit artikel is. De

(of welk wrapper-element dan ook) blijft "

Aanhoudende kopteksten op tabellen - CSS-trucs

Wanneer u naar beneden scrolt op een pagina met een lange tabel erop, scrolt de koptekst van de tabel meestal weg en wordt deze nutteloos. Deze code kloont de tabelkop "

Gebeurtenissen plakken - CSS-trucs

$ .fn.pasteEvents = function (delay) (if (delay == undefined) delay = 20; return $ (this) .each (function () (var $ el = $ (this); $ el.on ("paste ", function ()"

Wachtwoordsterkte - CSS-trucs

$ ('# pass'). keyup (function (e) (var strongRegex = nieuwe RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = nieuw"

Verplaats aangeklikte lijstitems naar bovenkant lijst - CSS-trucs

Aannemende HTML als volgt: een twee drie Dus als er op "Twee" wordt geklikt, verplaats het dan naar de bovenkant van de lijst. $ ("li"). click (function () ("

Open externe links in een nieuw venster - CSS-trucs

$ ('a'). each (function () (var a = nieuwe RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (function (event) ("

Verplaats cursor naar einde van tekstgebied of invoer - CSS-trucs

Code om de cursor naar het einde van de huidige tekst in de invoer te verplaatsen, in plaats van naar de standaardinstelling (de tekst markeren). Plugin-indeling '

OuterHTML jQuery-plug-in - CSS-trucs

InnerHTML () is native en retourneert de inhoud van een DOM-knooppunt (bijv. ik woon in een div .. outerHTML () is dat niet, wat het huidige DOM-knooppunt zou bevatten "

Make jQuery: bevat hoofdletterongevoelig - CSS-trucs

NIEUWE selector jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERSCHRIJFT oud "

Een jQuery hasAttr () Equivalent - CSS-trucs

JQuery heeft niet echt een .hasAttr () -functie. Je zou kunnen aannemen van wel, maar helaas niet. Een StackOverflow-thread heeft een aantal behoorlijk goede "

Laad slechts een sectie van een pagina - CSS-trucs

Use Case U wilt AJAX een sectie van een andere pagina op uw site op de huidige pagina laden. Stel dat uw eCommerce CMS-systeem een dynamisch menu maakt met "

Pagina horizontaal bladeren met muiswiel - CSS-trucs

1) Laad jQuery en de muiswiel-plug-in Mouse Wheel-plug-in is hier. 2) Bevestig muiswielgebeurtenis aan het lichaam. De "30" staat voor snelheid. preventDefault zorgt voor "

Laad jQuery alleen indien niet aanwezig - CSS-trucs

Stel dat je op een heleboel pagina's een include zou gaan doen, en binnen die include wilde je wat jQuery-specifieke dingen doen. Die pagina kan of "

JQuery - laden CSS-trucs

Laden met Google API Directe link naar Google Controleer indien geladen, laad alleen indien verwijderd var jQueryScriptOutputted = false; function initJQuery () (// als de "

Konami-code - CSS-trucs

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

JQuery Sticky Footer - CSS-trucs

Over het algemeen is de CSS Sticky Footer de beste manier om te gaan, omdat deze perfect soepel werkt en geen JavaScript vereist. Als de vereiste opmaak gewoon niet "

JQuery Zebra Stripe a Table - CSS-trucs

$ ("tr: odd"). addClass ("odd"); Gebruik dan wat CSS: .odd (achtergrond: #ccc;) "

Link Nudging - CSS-trucs

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

Houd tekstinvoer gesynchroniseerd - CSS-trucs

Var $ inputs = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Voorbeeld"

JQuery Tweetify Tekst - CSS-trucs

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

JQuery Plugin-sjabloon - CSS-trucs

Vervang instanties van "yourPluginName" door uw daadwerkelijke pluginnaam. Het spul over "radius" is slechts een voorbeeld van een optie (parameter om plug-in door te geven). "

JQuery JSON krijgen met fout vangen - CSS-trucs

JQuery heeft een ingebouwde functie genaamd getJSON () om AJAX-verzoeken voor JSON-gegevens gemakkelijker te maken. Het werkt normaal gesproken prima, maar als die functie wordt "