oujood.com

jQuery sélecteur des éléments HTML

Le sélecteur d'élément sélectionne les éléments avec le nom de la balise spécifié

search |

Définition et utilisation sélecteur d’élément

Le sélecteur d'élément sélectionne les éléments avec le nom de la balise spécifié.

Le nom de la balise est le texte entre les <et> des balises HTML.

Syntaxe

$("tagname")

Paramètre Descriptif
tagname Requis. Spécifie le nom de la balise des éléments à sélectionner.
 

Exemple : Sélection de tous les éléments p

Sélectionner le code

<!DOCTYPE html>
 <html lang="fr">
 <head>
   <title>jQuery le selecteur élément </title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
  $("p").css({border: '1px solid #ff0000',width:'200px', marginLeft: '100px'});
});
</script>
</head>
 
<body>
<h1>Ceci est un titre qui est dans un élément h</h1>
<p class="intro">Ceci est un paragrphe qui est dans un élément p avec la classe
"intro"</p>
<p>Ceci est un paragrphe qui est dans un élément p sans classe</p>
<p>Ceci est un autre paragrphe qui est dans un élément p  sans classe</p>
</body>
</html>

Sélection de plusieurs éléments avec les sélecteurs correspondant

On peut sélectionner plusieurs élément en même temps

Syntaxe

$ ("h1, li,. p")

Exemple :

Sélectionner le code

  <!DOCTYPE html>
   <html lang="fr">
   <head>
        <meta charset="utf-8">
     <title>jQuery demo </title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
    $("p,li,h1").css({border: '1px solid #ff0000',width:'200px', marginLeft: '100px'});
  });
  </script>
  </head>
   
  <body>
  <h1>Ceci est un titre qui est dans un élément h</h1>
  <p class="intro">Ceci est un paragrphe qui est dans un élément p avec la classe
  "intro"</p>
  <ul>
  </ul>
  <li>Ceci est un élément de liste</li>
  <li>Ceci est autre élément de liste</li>
  <li>Ceci est autre élément de liste</li>
  </body>
  </html>

 



Par gerywa 25 juillet 2014

Trafic Booster
hebergement web

SCREEBER - Logiciel de copywriting

SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


HTML5, CSS3, JavaScript pour débutants Tome 1
HTML5, CSS3, JavaScript
pour débutants Tome 1

Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

Regarder aussi nos cours :

:first-line

Ajoute un style à la première ligne d'un texte

fonction strnatcasecmp

Comparaison de chaînes avec l'algorithme d'"ordre naturel" (insensible la casse)

Conditionnel if...else javascript

Conditionnel if...else js : Définition et utilisation de la condition if avec des exemples.



Rentabilisez efficacement votre site

Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci