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 sélecteurs de base que vous utilisez couramment:
Tous sélecteur ( * ): Sélectionne tous les éléments dans le document.
Sélecteur de objet (objet): Sélectionne les types d'objets spécifiques. L'objet le plus couramment utilisé est le document.
Sélecteur de classe ( .class ): Sélectionne une classe spécifique tel que spécifié par l'attribut class d'un élément. Ce sélecteur apparaît toujours entre guillemets et est précédée d'une période.
Élément sélecteur ( élément ): Visites tous les éléments avec un nom particulier, tels que p pour le
tag. Ce sélecteur apparaît toujours entre guillemets.
Sélecteur d'ID ( # id ): Choisit un élément spécifique à la valeur de l'attribut id spécifié. Ce sélecteur apparaît toujours entre guillemets et est précédé par un signe dièse (#).
Sélecteur multiple ( sélecteur1, sélecteur2, sélecteurN): Sélectionne chacun des éléments indiqués dans la liste délimitée par des virgules.
L'un des sélecteurs plus couramment utilisé est le sélecteur d'élément. Après avoir sélectionné un élément, vous pouvez le modifier dans un certain nombre de façons. Par exemple, vous pouvez choisir de modifier le texte associé à cet élément d'une certaine façon (plus tard exemples montreront toutes sortes d'autres façons de manipuler la sortie).
L'exemple suivant montre comment sélectionner des éléments et de modifier leur texte. (Vous pouvez trouver le code complet pour cet exemple dans le répertoire Chapitre 06 dossier jQuery de la Code téléchargeable comme SelectingElements.html).
Sélection des éléments
L'exemple commence avec une simple
et
balises qui ne contiennent pas de texte. Si vous avez affiché cette page sans le script, vous verriez une page blanche. Cependant, avec le script en place, la page contient désormais des informations. Il est également possible d'utiliser la méthode text () pour obtenir la valeur actuelle d'un objet de toute sorte (en supposant que l'objet contient réellement texte).
A propos Auteur
Bases de CSS et douglas le robot javascript Dans ce projet, vous modifier et d'ajouter des styles à un robot HTML nommé Douglas. Douglas a été livré à l'usine de robot, ce matin. Ses compétences javascript sont outstanding- il n'a pas besoin de beaucoup d'entretien (juste une…
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 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…
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 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…
Sélecteurs CSS3 CSS3 donne accès à une grande variété de sélecteurs que vous utilisez pour identifier quel élément pour formater sur une page. Un sélecteur définit ce qu'il faut FORMAT- le style définit comment formater. Cependant, il est facile d'aller…
Comment construire styles de composés dans des feuilles de style en cascade (CSS) Après que vous avez maîtrisé travailler avec classe personnalisée, tag redéfinit et styles d'identité dans Cascading Style Sheets (CSS), vous pouvez entrer dans les ligues majeures de styles de composés. Pour comprendre comment travailler…
Comment modifier le css d'un élément en CSS3 La bibliothèque jQuery pour CSS3 est principalement utilisé pour effectuer ces sortes de nécessaire, mais les tâches de bas niveau. Vous pouvez, toutefois, utiliser jQuery pour effectuer certaines tâches fantaisistes en incorporant CSS. Il ya…
Comment utiliser un sélecteur de balise ou élément de CSS3 Tag (ou élément) sélecteurs sont des séquences de caractères dans CSS3 que vous utilisez pour choisir balises telles que et. En fait, vous pouvez sélectionner une balise HTML de cette façon. Un sélecteur de balises repose toujours sur le…
Comment travailler avec les sélecteurs d'événements CSS3 La plupart des changements CSS3 sont statiques - vous demandez au navigateur de rechercher des balises spécifiques, des attributs, ou des motifs. Cependant, sélecteurs d'événements choisissent les objets basés sur un événement particulier,…
Comment travailler avec les sélecteurs de motif de CSS3 Dans certains cas, une sélection que vous devez faire dans CSS3 n'a rien à voir avec les balises ou des attributs, mais le modèle dans lequel les objets apparaissent sur la page. Par exemple, vous voudrez peut-être vous suffit de sélectionner…
Comment travailler avec les sélecteurs d'attributs de CSS3 Dans de nombreux tags sont des attributs qui décrivent les propriétés des variables. Deux attributs communs sont l'identifiant de tag (id) et la classification des CSS (de classe). Cependant, CSS 3 permet de sélectionner des objets par tout…
Comment travailler avec les sélectionneurs de l'Etat dans CSS3 Il ya des situations dans lesquelles l'état dynamique d'un objet est important dans la mise en forme dans CSS3. En utilisant les sélecteurs de l'Etat peut aider un utilisateur à déterminer si les objectifs ont été atteints ou une…
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…