Introduction aux méthodes jQuery

Si vous êtes surpris par le mot jQuery, laissez-moi d'abord vous expliquer ce qu'est jQuery. jQuery est l'une des bibliothèques javascript les plus populaires pour créer des sites Web ou des applications Web. Il est spécialement conçu pour résoudre la manipulation d'arborescence dom html et la gestion des événements ainsi que la traversée d'arbre dom html, la transition css et l'animation css avec la prise en charge de la gestion ajax. Il est également open source et gratuit sous la licence GNU. Dans cette rubrique, nous allons découvrir les méthodes jQuery.

jQuery est très facile à apprendre car il simplifie la programmation javascript. JQuery est compatible css3, compatible avec tous les navigateurs et a des empreintes légères très faibles. En bref, nous pouvons dire que jQuery a changé le chemin des développeurs qui écrivaient leur long code en javascript. jQuery fournit une méthode différente pour la manipulation de dom, le m transversal, la gestion ou le déclenchement d'événement, la manipulation d'attributs, la manipulation de dimension, la manipulation css et les animations.

Types de méthodes jQuery

Ici, nous allons apprendre différents types de méthodes jQuery donnés ci-dessous

1) Manipulation Dom

Quoi que nous utilisions, ces méthodes se concentrent en fin de compte sur la modification des événements dom. En d'autres termes, nous pouvons dire qu'en utilisant ces méthodes, nous manipulons dom. Certaines des méthodes jQuery de manipulation de dom sont:

  • addClass (): dans l'ensemble des éléments correspondants, il ajoute la ou les classes spécifiées à chaque élément.
  • after (): dans l'ensemble des éléments correspondants, insérez des données ou du contenu spécifié par le paramètre après chaque balise d'élément.
  • append (): En bref, nous pouvons dire qu'en utilisant cette méthode, nous insérons des données ou du contenu dans l'élément spécifique.
  • attr (): Cette méthode donne la valeur d'attribut de l'élément particulier.
  • before (): En utilisant cette méthode, nous pouvons insérer n'importe quelle donnée ou contenu avant chaque élément spécifié.
  • clone (): En utilisant cette méthode, nous copions en profondeur l'élément d'origine.
  • css (): En utilisant cette méthode, nous modifions le css de l'élément spécifié.
  • detach (): En utilisant cette méthode, nous supprimons simplement l'élément spécifié de l'arborescence dom.
  • hasClass (): En utilisant cette méthode, nous trouvons la classe spécifiée attachée à l'élément particulier.
  • empty (): cette méthode supprime tous les nœuds enfants attachés à l'arborescence dom des éléments particuliers.
  • height (): Cette méthode donne la valeur de la hauteur de l'élément spécifié.
  • offset (): cette méthode définit les coordonnées de l'élément spécifié par rapport au document.
  • position (): Cette méthode obtient la position actuelle de l'élément spécifié par rapport à son élément parent.
  • prop (): cette méthode donne la valeur de la propriété d'élément actuellement sélectionnée.
  • replaceAll (): Cette méthode remplace tous les éléments cibles par l'élément spécifié.
  • text (): cette méthode définit ou obtient la valeur de chaîne de texte des éléments spécifiés.
  • Val (): cette méthode donne la valeur actuelle des premiers éléments spécifiés.
  • width (): Cette méthode donne la valeur de largeur calculée des éléments spécifiés.
  • wrap (): cette méthode enveloppe la structure html particulière autour de chaque élément dans les ensembles d'éléments spécifiés.
  • wrapInner (): cette méthode enveloppe la structure html autour du contenu de chaque élément spécifié.

2) Traversée

Cette méthode nous aide à naviguer d'un élément dom vers d'autres éléments dom en suivant une hiérarchie parent-enfant. Certaines des méthodes de déplacement sont:

  • add (): cette méthode crée un nouvel objet jQuery et l'ajoute aux éléments spécifiés.
  • addBack (): cette méthode ajoute un ensemble précédent jQuery de l'élément à l'élément de pile actuel.
  • children (): ces méthodes trouvent l'élément enfant de chaque élément spécifié.
  • le plus proche (): cette méthode recherche l'élément qui correspond en premier au sélecteur.
  • contents (): cette méthode recherche le contenu de l'élément spécifié, y compris les nœuds de commentaire et le texte.
  • each (): Cette méthode parcourt une boucle, ce qui signifie que cette méthode sera appliquée à tous les éléments spécifiés qui s'y rapportent.
  • end (): cette méthode met fin à la tâche de filtrage la plus récente et remet son élément correspondant à son état précédent.
  • eq (): cette méthode réduit l'ensemble de l'élément spécifié à un à l'index spécifié.
  • filter (): Cette méthode donne l'élément spécifié en fonction du filtre que nous donnons.
  • first (): Cette méthode donne l'élément spécifié en fonction du sélecteur que vous avez donné.
  • has (): Cette méthode donne l'ensemble de l'élément ou du sélecteur spécifié.
  • map (): Cette méthode renvoie une nouvelle valeur d'un objet jQuery basée sur une fonction qui est passée à travers chaque élément.
  • next (): Cette méthode donne immédiatement le frère suivant de l'élément sélectionné particulier.
  • parent (): Cette méthode donne la sélection parente de l'élément spécifié.
  • prev (): Cette méthode donne le frère précédent immédiat des éléments actuellement spécifiés.

3) Déclenchement d'événement

En utilisant cette méthode, nous enregistrons les changements dans la manipulation dom qui prendront effet lors de l'interaction avec le navigateur. Certaines des méthodes de gestion d'événements jQuery sont les suivantes:

  • bind (): cette méthode attache une gestion d'événements à l'élément spécifié.
  • blur (): cette méthode lie un événement javascript flou à l'élément spécifié.
  • change (): cet événement lie l'élément spécifié à l'élément change javascript.
  • click (): cette méthode lie un événement click javascript à l'élément spécifié.
  • delegate (): cette méthode attache un ou plusieurs événements à l'ensemble spécifié de l'élément.
  • die (): Cette méthode supprime tout type de gestion d'événement javascript attaché à l'ensemble de l'élément spécifié.
  • error (): cette méthode attache une gestion des événements d'erreur à l'ensemble spécifié de l'élément.
  • focus (): ces méthodes lient la gestion d'un événement focus à l'ensemble spécifié de l'élément.
  • hover (): cette méthode lie une gestion d'événement de survol à l'ensemble spécifié de l'élément.

Eh bien, j'ai essayé d'inclure le nombre maximal de méthodes jQuery utilisées dans notre processus de développement quotidien. En dehors de ceux-ci, il existe de nombreuses autres méthodes jQuery qui doivent être étudiées. Chaque jour, il y a du développement dans les méthodes jQuery. Ainsi, chaque fois que jQuery publie sa version, ils incluent plusieurs nouvelles méthodes jQuery.

Articles recommandés

Ceci est un guide des méthodes jQuery. Ici, nous avons discuté des différents types de méthodes jQuery comme la manipulation Dom, les méthodes de déplacement et de déclenchement d'événements, etc. Vous pouvez également consulter l'article suivant pour en savoir plus -

  1. Comment installer Jquery?
  2. Qu'est-ce que jQuery?
  3. Qu'est-ce que PostgreSQL?
  4. Outils de gestion SQL
  5. jQuery querySelector
  6. Guide des exemples de barre de progression JQuery

Catégorie:

Développement de logiciels