Extraits de code 2025, Février

Définir / Effacer la valeur d'entrée par défaut - Astuces CSS

Définir / Effacer la valeur d'entrée par défaut - Astuces CSS

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

Sérialiser le formulaire en JSON - Astuces CSS

Sérialiser le formulaire en JSON - Astuces CSS

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

Sélectionnez un élément de liste uniquement s'il ne contient pas d'autre liste (et est de niveau supérieur) - Astuces CSS

Sélectionnez un élément de liste uniquement s'il ne contient pas d'autre liste (et est de niveau supérieur) - Astuces CSS

Je me rends compte que c'est assez spécifique, mais j'ai dû écrire ce sélecteur plus tôt pour résoudre un problème et j'ai utilisé jQuery car le sélecteur est plutôt avancé "

Sélectionnez l'élément uniquement si les enfants ne sont pas animés - Astuces CSS

Sélectionnez l'élément uniquement si les enfants ne sont pas animés - Astuces CSS

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); Ceci sélectionne l'élément "

Exécuter JavaScript uniquement après le chargement de la page entière - Astuces CSS

Exécuter JavaScript uniquement après le chargement de la page entière - Astuces CSS

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

Rechercher / Remplacer - Astuces CSS

Rechercher / Remplacer - Astuces CSS

JQuery (function () (jQuery (": contains (FIND)"). not (": has (: contains (FIND))"). each (function () (var that = $ (this), html = that. html (); html = "

Actualisation partielle de la page - Astuces CSS

Actualisation partielle de la page - Astuces CSS

Actualiser certains éléments d'une page à l'aide de jQuery après un laps de temps défini, peut être utilisé avec n'importe quel élément avec un ID. J'ai modifié l'exemple donné avec le "

Supprimer une valeur spécifique du tableau - Astuces CSS

Supprimer une valeur spécifique du tableau - Astuces CSS

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (value) (return value! = removeItem;)); "

Rendre la division entière cliquable - Astuces CSS

Rendre la division entière cliquable - Astuces CSS

Mise à jour de novembre 2020: je pense que la meilleure technique possible pour cela est la méthode 4 de cet article. Le

(ou tout autre élément wrapper) reste "

En-têtes persistants sur les tables - Astuces CSS

En-têtes persistants sur les tables - Astuces CSS

Lorsque vous faites défiler une page avec un long tableau dessus, généralement l'en-tête du tableau défile et devient inutile. Ce code clone l'en-tête du tableau "

Coller les événements - Astuces CSS

Coller les événements - Astuces CSS

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

Force du mot de passe - Astuces CSS

Force du mot de passe - Astuces CSS

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

Déplacer les éléments de liste cliqués en haut de la liste - Astuces CSS

Déplacer les éléments de liste cliqués en haut de la liste - Astuces CSS

En supposant un HTML comme celui-ci: un deux trois Donc, si vous cliquez sur "Deux", déplacez-le en haut de la liste. $ ("li"). cliquez sur (function () ("

Ouvrir les liens externes dans une nouvelle fenêtre - Astuces CSS

Ouvrir les liens externes dans une nouvelle fenêtre - Astuces CSS

$ ('a'). each (function () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) ($ (this ) .click (fonction (événement) ("

Déplacer le curseur à la fin de la zone de texte ou de l'entrée - Astuces CSS

Déplacer le curseur à la fin de la zone de texte ou de l'entrée - Astuces CSS

Code pour déplacer le curseur à la fin du texte actuel dans l'entrée, plutôt qu'à la valeur par défaut (mise en évidence du texte). Format du plug-in "

Plugin jQuery externalHTML - Astuces CSS

Plugin jQuery externalHTML - Astuces CSS

InnerHTML () est natif et renvoie le contenu d'un nœud DOM (par exemple, je vis à l'intérieur d'un div .. externalHTML () ne l'est pas, ce qui inclurait le nœud DOM actuel "

Make jQuery: contient insensible à la casse - Astuces CSS

Make jQuery: contient insensible à la casse - Astuces CSS

NOUVEAU sélecteur jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERWRITES old "

Un équivalent de jQuery hasAttr () - Astuces CSS

Un équivalent de jQuery hasAttr () - Astuces CSS

JQuery n'a pas vraiment de fonction .hasAttr (). Vous pourriez supposer que c'est le cas, mais hélas, ce n'est pas le cas. Un thread StackOverflow a de très bons "

Charger uniquement une section d'une page - Astuces CSS

Charger uniquement une section d'une page - Astuces CSS

Cas d'utilisation Vous souhaitez AJAX charger une section d'une autre page de votre site sur la page en cours. Supposons que votre système CMS eCommerce crée un menu dynamique de "

Faire défiler la page horizontalement avec la molette de la souris - Astuces CSS

Faire défiler la page horizontalement avec la molette de la souris - Astuces CSS

1) Chargez jQuery et le plugin Mouse Wheel Plugin Mouse Wheel est ici. 2) Attacher l'événement de la molette de la souris au corps Le "30" représente la vitesse. preventDefault garantit "

Charger jQuery uniquement s'il n'est pas présent - Astuces CSS

Charger jQuery uniquement s'il n'est pas présent - Astuces CSS

Supposons que vous alliez faire une inclusion sur tout un tas de pages, et à l'intérieur de cette inclusion, vous vouliez faire des choses spécifiques à jQuery. Cette page peut ou "

Chargement de jQuery - Astuces CSS

Chargement de jQuery - Astuces CSS

Charger avec Google API Lien direct vers Google Vérifier s'il est chargé, ne charger que s'il est déchargé var jQueryScriptOutputted = false; function initJQuery () (// si le "

Code Konami - Astuces CSS

Code Konami - Astuces CSS

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

JQuery Sticky Footer - Astuces CSS

JQuery Sticky Footer - Astuces CSS

En général, le CSS Sticky Footer est la meilleure solution, car il fonctionne parfaitement et ne nécessite pas de JavaScript. Si le balisage requis n'est tout simplement pas "

JQuery Zebra Stripe une table - Astuces CSS

JQuery Zebra Stripe une table - Astuces CSS

$ ("tr: impair"). addClass ("impair"); Utilisez ensuite du CSS: .odd (background: #ccc;) "

Lien Nudging - Astuces CSS

Lien Nudging - Astuces CSS

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animer ((paddingLeft: "0px"), 200);)); Faire, construire"

Gardez les entrées de texte synchronisées - Astuces CSS

Gardez les entrées de texte synchronisées - Astuces CSS

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

JQuery Tweetify Texte - Astuces CSS

JQuery Tweetify Texte - Astuces CSS

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

Modèle de plugin jQuery - Astuces CSS

Modèle de plugin jQuery - Astuces CSS

Remplacez les instances de "yourPluginName" par le nom réel de votre plugin. Le truc à propos de "radius" n'est qu'un exemple d'option (paramètre pour passer le plugin). "

JQuery JSON obtenant avec la capture d'erreur - Astuces CSS

JQuery JSON obtenant avec la capture d'erreur - Astuces CSS

JQuery a une fonction intégrée appelée getJSON () pour faciliter les requêtes AJAX pour les données JSON. Cela fonctionne normalement très bien, mais si cette fonction obtient "