Comment sélectionner des éléments avec jQuery

ost de ce que vous faites dans jQuery passe par sélecteurs. Par exemple, vous sélectionnez fréquemment un morceau d'une page Web et ensuite avoir jQuery effectuez une action sur ce morceau de la page. Cette action pourrait être quelque chose de l'ajout de texte, modification du code HTML, CSS ou changer, eh bien, tout ce que vous pouvez penser!

Sommaire

Le débit de base pour la programmation javascript avec jQuery est la suivante:

  1. Sélectionnez un élément de la page web (ou toute la page elle-même).

  2. Faites quelque chose d'intéressant à cet élément.

Ok, ce que vous faites avec l'élément n'a pas à être intéressant, mais vous faire quelque chose avec l'élément sélectionné. Que quelque chose peut être quelque chose de retirer l'élément à ajouter ou modifier ou simplement obtenir de l'information à partir de l'élément, comme son texte ou styles CSS actuelles.

jQuery sélecteurs jusqu'à proximité

Il ya trois sélecteurs primaires ou de base dans jQuery. Ils sont ceux que vous utiliserez le plus souvent. Vous pouvez configurer les sélecteurs très complexes basés sur la structure de la page, mais le plus souvent vous allez utiliser l'une de ces trois sélecteurs:

  • Par classe

  • Par ID

  • Par élément

Si vous aviez un fichier HTML qui ressemblait à ceci:

Mon livre

Vous pouvez accéder à ce avec jQuery comme ceci:

$ ("#") BOOKTITLE

Il est important de noter que les choses dans jQuery (et javascript) sont sensibles à la casse. Ainsi titre de livre est pas le même que TITRE DE LIVRE et pas le même que titre de livre. Il n'a pas d'importance ce cas vous utilisez, tant qu'elle correspond entre le HTML et le javascript et jQuery.

Maintenant, jetez un oeil à ce peu de HTML:

Ceci est un texte

Le sélecteur jQuery ressemble à ceci:


$ (". titleClass")

Si vous pensez que ces sélecteurs ressemblent à leurs homologues de la CSS, vous avez raison. Ne vous inquiétez pas si vous ne pensiez pas that- il n'y aura pas un quiz.

En CSS, vous accédez articles par leur ID avec un signe dièse (#) Et d'accéder aux classes avec un seul point (.):

# bookTitle.titleClass

Tout ce que vous faites pour jQuery est l'enveloppant dans le $ () construire et utiliser des citations trop. Ainsi, vous obtenez ceci:

$ ("# BOOKTITLE") $ (". titleClass")

L'autre sélecteur fréquemment utilisé saisit tous les éléments d'un certain type. Le sélecteur suivant sélectionne tous

éléments sur la page entière:

$ ("div")

Il ya des sélecteurs plus avancés. Par exemple, vous pouvez sélectionner par la position d'un élément sur la page et, ainsi, à peu près toutes les combinaisons que vous pouvez penser. Mais vous allez utiliser ces trois le plus souvent.

filtrage jQuery

Une chose supplémentaire que vous devez savoir sur les sélecteurs jQuery est que vous pouvez les filtrer. Ceci est particulièrement pratique quand il vient de travailler avec des formes et des événements.


» » » » Comment sélectionner des éléments avec jQuery