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é

chercher |

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

Exemple :    📝  Copier 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 :

Exemple :    📝  Copier 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

Voir aussi nos tutoriel :

CSS3 La propriété backface-visibility

La propriété backface-visibility définit si l’arrière d’un élément doit être visible ou pas quant elle est face à l'écran.

Balise universelle div

Définit une section dans un document

L'instruction try ...catch javascript

L'instruction try ...catch js : L’instruction try...catch vous permet de tester un bloc de code pour les erreurs.