GSDom/DOCUMENTATION.md

Table of Contents

• Constructor
  • Parameters
  • Examples
  • each
    • Parameters
    • Examples
  • addClass
    • Parameters
    • Examples
  • removeClass
    • Parameters
    • Examples
  • replaceClass
    • Parameters
    • Examples
  • setAttr
    • Parameters
    • Examples
  • delAttr
    • Parameters
    • Examples
  • setHidden
    • Examples
  • setReadOnly
    • Examples
  • setDisabled
    • Examples
  • delHidden
    • Examples
  • delReadOnly
    • Examples
  • delDisabled
    • Examples
  • toggleHidden
    • Examples
  • toggleReadOnly
    • Examples
  • toggleDisabled
    • Examples
  • on
    • Parameters
    • Examples
  • onClick
    • Parameters
    • Examples
  • found
    • Examples
  • first
    • Examples
  • last
    • Examples
• gsd
  • Parameters
  • version
• gsd
  • version

Constructor

Création du constructeur

Parameters

• selector String Sélecteur utilisé
• scope HTMLElement Racine de la recherche

Examples

# Tous les a class link contenu dans un div id main
$_("a.link", "div#main");

each

Application d'une fonction sur chacun des éléments

Parameters

• callback Function La fonction de rappel

Examples

$_(".class").each((item, index) => {
 // Do something with item et index
});

addClass

Ajout d'une classe aux éléments sélectionnés

Parameters

• className String Le nom de la classe à ajouter

Examples

$_("p","div#main").addClass("myClass");

Returns this Chainage

removeClass

Suppression d'une classe aux éléments sélectionnés

Parameters

• className String Le nom de la classe à ajouter

Examples

$_("p","div#main").removeClass("myClass");

Returns this Chainage

replaceClass

Remplace une classe par une autre dans les éléments sélectionnés

Parameters

• oldClass String Nom de la classe à remplacer
• newClass String Nom de la classe de remplacement

Examples

$_("p","div#main").replaceClass("myOldClass", "myNewClass");

Returns this Chainage

setAttr

Définit un attribut et sa valeur

Parameters

• attr String Nom de l'attribut
• value String Valeur de l'attribut

Examples

$_("input.class").setAttr("readonly", "");

Returns this Chainage

delAttr

Supprime un attribut dans les éléments sélectionnés

Parameters

• attr String Nom de l'attribut à supprimer

Examples

$_(input.class).delAttr("readonly");

Returns this Chainage

setHidden

Ajoute l'attribut hidden aux éléments sélectionnés

Examples

$_("span.class").setHidden();

Returns this Chainage

setReadOnly

Ajoute l'attribut readonly aux éléments sélectionnés

Examples

$_("input.class").setReadOnly();

Returns this Chainage

setDisabled

Ajoute l'attribut disabled aux éléments sélectionnés

Examples

$_("input.class").setDisabled();

Returns this Chainage

delHidden

Supprime l'attribut hidden aux éléments sélectionnés

Examples

$_("span.class").delHidden();

Returns this Chainage

delReadOnly

Supprime l'attribut readonly aux éléments sélectionnés

Examples

$_("input.class").delReadOnly();

Returns this Chainage

delDisabled

Supprime l'attribut disabled aux éléments sélectionnés

Examples

$_("input.class").delDisabled();

Returns this Chainage

toggleHidden

switche l'attribut hidden des éléments sélectionnés

Examples

$_("span.class").toggleHidden();

Returns this Chainage

toggleReadOnly

switche l'attribut readonly des éléments sélectionnés

Examples

$_("input.class").toggleReadOnly();

Returns this Chainage

toggleDisabled

switche l'attribut disabled des éléments sélectionnés

Examples

$_("input.class").toggleDisabled();

Returns this Chainage

on

Ajout d'un gestionnaire d'événement aux éléments sélectionnés

Parameters

• type String Nom de l'événement
• callback Function Gestionnaire de l'événement
• useCapture Boolean Propagation de l'événement

Examples

$_("button#event").on("mouseover", (evt, el) => {
 // Do something with evt and el
}, false);

onClick

Ajout d'un gestionnaire d'événement 'click' pour les éléments sélectionnés

Parameters

• callback Function Gestionnaire de l'événement
• useCapture Boolean Propagation de l'événement

Examples

$_("button#event").onClick( (evt, el) => {
 // Do something with evt and el
}, false);

found

Retourne si un élément a été trouvé

Examples

let found = $_("#main").found();

Returns Boolean l'élément du DOM trouvé

first

Retourne le premier élément trouvé

Examples

let htmlElement = $_("p.paragraphe").first();

Returns HTMLElement l'élément du DOM trouvé

last

Retourne le dernier élément trouvé

Examples

let htmlElement = $_("p.paragraphe").last();

Returns HTMLElement L'élément du DOM trouvé

gsd

Instantiation d'un nouveau constructeur

Parameters

• selector String Sélecteur utilisé
• root
• scope HTMLElement Racine de la recherche

version

Version de la librairie

gsd

Returns any Retour de la librairie

version

Version de la librairie