jQuery - méthode is (selector)

La description

le is( selector ) La méthode vérifie la sélection actuelle par rapport à une expression et renvoie true, si au moins un élément de la sélection correspond au sélecteur donné.

Si aucun élément ne correspond, ou si le sélecteur n'est pas valide, la réponse sera «fausse».

Syntaxe

Voici la syntaxe simple pour utiliser cette méthode -

element.is( selector )

Paramètres

Voici la description de tous les paramètres utilisés par cette méthode -

  • selector - L'expression avec laquelle filtrer.

Exemple

Voici un exemple montrant une utilisation simple de cette méthode -

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
			
            $("li").click(function () {
				
               if ($(this).is(":first-child")) {
                  $("p").text("This is list item 1");
               } else if ($(this).is(".middle0,.middle1")) {
                  $("p").text("This is middle class list");
               } else if ($(this).is(":contains('item 5')")) {
                  $("p").text("It's 5th list");
               } 
            });
				
         });
      </script>
		
      <style>
         .selected { color:red; }
      </style>
   </head>
	
   <body>
      <div>
         <span>Click any list item below:</span>
			
         <ul>
            <li class = "top0">list item 1</li>
            <li class = "top1">list item 2</li>
            <li class = "middle0">list item 3</li>
            <li class = "middle1">list item 4</li>
            <li class = "bottom0">list item 5</li>
            <li class = "bottom1">list item 6</li>
         </ul>
			
         <p>FILLER</p>
      </div>
   </body>
</html>

Cela produira le résultat suivant -

jquery-traversing.htm