Comment sélectionner des éléments avec jQuery

category Ordinateurs et logiciels / Programmation / Javascript

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.

Articles Similaires

A propos Auteur
Comment ajouter html vers une page avec jQuery Comment ajouter html vers une page avec jQuery

jQuery peut être utilisé pour ajouter du code HTML à une page. Vous pouvez ajouter toutes sortes de HTML, des images, à peu près tout, et changer complètement la présentation de la page en utilisant jQuery. Cela est pas vraiment une bonne…

Comment ajouter jquery à une page Comment ajouter jquery à une page

Une fois que vous avez téléchargé ou jQuery savoir où trouver la version de CDN-hébergé, vous devez le référencer dans votre page. jQuery est comme tout fichier javascript externe.Ajouter jQuery locale à une pageTélécharger jQuery et…

Comment changer les éléments HTML avec jQuery Comment changer les éléments HTML avec jQuery

WThere sont quelques façons de changer déjà des éléments HTML existants avec jQuery, en fonction de ce que vous voulez changer. Par exemple, disons que vous vouliez changer le texte des éléments de la page que vous venez de travailler sur.Au…

Comment créer une page mobile prêt dans Dreamweaver Comment créer une page mobile prêt dans Dreamweaver

Les pages jQuery Mobile Starter de Dreamweaver sont un bon moyen de générer rapidement un site mobile-friendly. La page de démarrage mobile crée une page HTML5 avec cinq jQuery Mobile Data-pages prédéfinies, ou des sections de la page HTML qui…

Comment intégrer l'jquery prêt () fonction Comment intégrer l'jquery prêt () fonction

Un problème commun lors de la programmation javascript est que le programme javascript sera exécuté avant la page est chargée. Vous pouvez accéder aux éléments de HTML sur une page. Cela signifie que vous pouvez également accéder…

Comment installer jquery Comment installer jquery

Il ya deux façons d'utiliser jQuery, soit téléchargés localement ou sur un réseau de diffusion de contenu (CDN). La copie locale est juste que, un fichier qui se trouve dans votre document racine sur le disque dur de votre serveur. Une version…

Jquery pour les nuls Jquery pour les nuls

jQuery vous permet de sélectionner des éléments dans une page Web avec facilité. Vous pouvez trouver tout ce que vous voulez dans une page, puis utiliser jQuery pour ajouter des effets spéciaux, réagir aux actions de l'utilisateur, ou afficher…

Sélecteurs et filtres Jquery Sélecteurs et filtres Jquery

Une partie de la puissance de jQuery est basée sur sa capacité à sélectionner des sections particulières de la page. Ce tableau comprend plusieurs sélecteurs et des filtres couramment utilisés.Selector / FiltreRecherches pour # 133- $…

Sélecteurs jQuery pour le codage avec javascript Sélecteurs jQuery pour le codage avec javascript

JQuery offre de nombreuses façons différentes pour correspondre à des ensembles d'éléments dans un document au-delà des méthodes intégrées javascript. Consultez cette liste de tous les sélecteurs jQuery. Pour les utiliser, il suffit…

Ressources jquery ligne Ressources jquery ligne

Comme vous acquérir de l'expérience avec jQuery, vous aurez probablement des questions sur les techniques les plus avancées jQuery. Et après vous utilisez jQuery plug-ins, vous serez accro et que vous souhaitez obtenir plus. jQuery.com fournit…

Comment sélectionner des éléments avec jQuery en CSS3 Comment sélectionner des éléments avec jQuery en CSS3

Vous pouvez utiliser jQuery pour effectuer une vaste gamme de sélections d'objets dans votre application de CSS3, mais pour la plupart, vous utiliser les sélecteurs de base. Vous pouvez en savoir plus sur eux à jQuery. Voici une liste des…

Liez votre site Web à la bibliothèque jQuery Liez votre site Web à la bibliothèque jQuery

Si vous utilisez Galleria de construire un portefeuille de photo pour votre site Web à afficher sur l'iPad et l'iPhone, vous aurez besoin de créer un lien vers la bibliothèque jQuery sur le réseau de distribution de contenu de Google (CDN).La…

Sélection d'éléments avec jQuery Sélection d'éléments avec jQuery

jQuery vous permet de sélectionner des éléments dans une page Web avec facilité. Vous pouvez trouver tout ce que vous voulez dans une page, puis utiliser jQuery pour ajouter des effets spéciaux, réagir aux actions de l'utilisateur, ou afficher…

Montrer, cacher, de glissement, et la décoloration des éléments avec jQuery Montrer, cacher, de glissement, et la décoloration des éléments avec jQuery

jQuery effets sont très amusants et peuvent transformer une simple page Web, statique en une expérience interactive dynamique pour le visiteur du site. Une partie de l'intérêt visuel que jQuery offre est la capacité d'afficher, masquer,…

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