Qu'est-ce qu'un tableau de classes jquery ? Comment ça marche ?

Qu'est-ce qu'un tableau ?

Il existe un ensemble d'empaquetage d'éléments de type tableau dans l'objet jQUEry. Cet ensemble a l'attribut length comme un tableau en js, nous appelons donc cela un ensemble de type tableau.

Dans de nombreux cas, la fonction $() de JQuery renvoie un objet JQuery similaire aux données. Par exemple, $('div') renverra l'objet JQuery enveloppé par tous les éléments div du div. Dans ce cas, JQuery fournit plusieurs propriétés et méthodes couramment utilisées pour faire fonctionner les objets JQuery.

length : Cet attribut renvoie le nombre d'éléments DOM contenus dans JQuery.

context : Cette propriété renvoie le paramètre de contexte transmis pour obtenir l'objet JQuery

JQuery : Cette propriété renvoie la version de JQuery

each(fn(index)) : Cette method is Est une fonction itératrice qui utilisera la fonction fn pour parcourir chaque élément contenu dans JQuery.

get() : Cette méthode renvoie un tableau composé de tous les éléments DOM contenus dans JQuery.

get(index) : Cette méthode renvoie l'index + 1ème élément DOM contenu dans JQuery.

toArray() : Convertit tous les objets DOM contenus dans l'objet JQuery en données.

Comment faire fonctionner l'objet de type tableau dans jQuery ?

Regardez les méthodes disponibles que notre jQuery nous fournit :
size() : Évidemment, il doit renvoyer le nombre d'éléments dans l'ensemble emballé, tel que $('a '). size() représente le nombre d'éléments de lien ;

Get(index) : Lorsque l'index n'est pas spécifié, tous les éléments de l'ensemble d'emballage seront pris par défaut et renvoyés sous forme de tableau dans js. , alors l'élément dont l'indice est index est renvoyé, tel que $('img[title]').get(0) renvoie le premier élément img contenant le titre de l'attribut, qui est également équivalent à $('img[title]' )(String| elem|Array ) : Ajoutez les éléments du paramètre à l'ensemble d'emballage. Si le paramètre est un sélecteur jQuery, alors tous les objets correspondants seront ajoutés à l'ensemble. S'il s'agit d'un

élément HTML

, alors le élément obtenu via la méthode clean Le tableau est ajouté à la collection. S'il s'agit d'un élément DOM ou d'un tableau d'éléments DOM, il est ajouté directement à la collection ; notez que ce qui est renvoyé est l'ensemble d'emballage ajouté tel que $(; 'img[alt]','img[title]') Équivalent à $('img[alt]').add('img[title]'), qui renvoie un élément img contenant l'attribut alt ou un élément img contenant l'attribut title ;

　not(String|elem|Array ) : Supprimez les

éléments de l'ensemble de packages qui répondent aux conditions des paramètres. Notez que les paramètres ne peuvent filtrer que des expressions
, c'est-à-dire. c'est-à-dire que les expressions commençant par "[" ou ":", telles que $( 'img[title]').not('title*=puy') renvoie les éléments img qui contiennent l'attribut title et l'attribut title de ces éléments contient le texte puy ; ce qui est renvoyé est l'ensemble d'emballage filtré ; filter(String|function) : Si le paramètre transmis est de type String, alors l'expression doit également être une expression de filtre, utilisée pour supprimer tous les éléments qui ne correspond pas au sélecteur de l'ensemble d'emballage ; si une fonction est transmise. Si c'est le cas, alors chaque élément de l'ensemble d'emballage appelle cette fonction. Si cette fonction renvoie false, l'élément sera supprimé de l'ensemble d'emballage. le mot clé this peut être utilisé pour appeler l'élément de l'ensemble d'empaquetage qui appelle la méthode à ce moment-là ; tel que $( 'td').filter(function(){return this.innerHTML.match(/^"d+$/ )}) renvoie tous les éléments td dont le contenu dans td est constitué de nombres ; slice(begin,end): create Et renvoie un nouvel ensemble d'emballages, qui est une partie continue de l'ensemble d'emballages d'origine, et le premier élément du nouveau. L'ensemble d'emballage est l'élément situé à la position de début de l'ensemble d'emballage d'origine, et le dernier élément est l'élément avant l'élément de position finale. Bien sûr, la fin n'a pas besoin d'être spécifiée, elle s'étendra alors jusqu'à la fin de l'ensemble d'emballage d'origine. ; tel que $('*').slice(2,3), cette instruction sélectionne tous les éléments de la page, puis enregistre le troisième contenant l'ensemble d'emballage d'origine Le nouvel ensemble d'emballage de l'élément. '*').get(2) est différent. Cela renvoie l'élément, tandis que la méthode slice renvoie l'ensemble d'emballage, ayant ainsi le fonctionnement de l'ensemble d'emballage ;

childen() : renvoie un nouvel ensemble d'emballage composé de tous les différents éléments enfants de l'élément d'ensemble d'emballage d'origine (à l'exclusion des nœuds de texte), tel que $('div').children() renvoie tous les éléments div A nouvel ensemble d'emballage composé d'éléments enfants ; si un paramètre est spécifié, le paramètre est également une expression de filtre ;
Contents() : renvoie le contenu de l'élément de l'ensemble d'emballage d'origine dans un nouvel ensemble d'emballage (peut inclure des nœuds de texte) ; notez que cette méthode ne peut pas Accepter les paramètres pour le filtrage ;
Next() : Renvoie un nouvel ensemble d'emballage composé de tous les éléments frères suivants uniques de l'élément de l'ensemble d'emballage d'origine si un paramètre est spécifié, alors le paramètre est également une expression de filtrage ; ; tel que $('div #someDiv').next() renvoie l'ensemble d'encapsulation contenant l'élément frère suivant de l'élément div avec l'identifiant someDiv ; si un paramètre est spécifié, le paramètre est également une expression de filtre
nextAll ; () : renvoie l'ensemble d'encapsulation contenant l'original. Un nouvel ensemble d'encapsulation pour tous les frères et sœurs suivants de l'élément ; par exemple, $('div#someDiv').nextAll() renvoie un nouvel ensemble d'encapsulation contenant les éléments frères suivants du div ; élément avec l'identifiant someDiv ; si un paramètre est spécifié, alors ce paramètre est également un filtre Expression ;

parent() : Renvoie un nouvel ensemble d'empaquetage du seul élément parent direct de tous les éléments de l'original. ensemble d'emballage ; si un paramètre est spécifié, le paramètre est également une expression de filtre ;
parents( ) : renvoie un nouvel ensemble d'emballage d'éléments ancêtres de tous les éléments de l'ensemble d'emballage d'origine si un paramètre est spécifié, le paramètre est ; également une expression de filtre ;
prev() : Renvoie tous les éléments frères uniques précédents des éléments de l'ensemble d'emballage d'origine. Un nouvel ensemble d'emballages ; si un paramètre est spécifié, alors ce paramètre est également une expression de filtre ; prevAll() : renvoie un nouvel ensemble d'emballage contenant tous les éléments frères précédents de l'élément de l'ensemble d'emballage d'origine ; si un paramètre est spécifié, alors ce paramètre est également une expression de filtre
Siblings() : renvoie un nouvel ensemble d'emballage composé de tous les éléments frères et sœurs uniques dans l'élément de l'ensemble d'emballage d'origine ; si un paramètre est spécifié, alors ce paramètre est également une expression de filtre
find (String) : renvoie un nouvel ensemble d'emballage contenant tous les éléments de l'ensemble d'emballage d'origine qui correspondent à l'ensemble d'emballage d'origine ; expression de sélecteur passée, et les descendants des éléments de l'ensemble d'emballage d'origine seront également transmis dans le nouvel ensemble d'emballage
contient (texte) : renvoie un nouvel ensemble d'emballage composé d'éléments contenant le texte
chaîne transmis comme paramètre de texte ;
is(String) : Si l'ensemble d'emballage contient des éléments correspondant à String, alors renvoie true , sinon il renvoie false clone(copyHandle) : Si le paramètre transmis est vrai, les événements seront copiés ensemble, sinon l'événement ne sera pas copié et un nouvel ensemble d'emballages sera formé ; end() : Dans la commande jQuery Appelé dans la chaîne pour revenir à l'ensemble d'emballages précédent
etSelf ; () : fusionner les deux ensembles d'emballages générés les plus récemment au sein de la chaîne de commande

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!