jQuery | :selector vacío

El selector :empty en jQuery se usa para seleccionar elementos vacíos.

Sintaxis:

$(":empty")

Parámetro: El selector :empty contiene un solo parámetro vacío que es obligatorio y se utiliza para seleccionar un elemento vacío que es un elemento sin elementos secundarios ni texto.

Ejemplo 1: Este ejemplo usa :selector vacío para seleccionar la posición del elemento en una tabla.

<!DOCTYPE html>
<html>
      
    <head> 
        <title>
            jQuery :empty() Selector
        </title>
          
        <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        </script>
    <script>
        $(document).ready(function() {
            $(":empty").css("background-color", "green");
        });
      </script>
    </head> 
      
    <body>
        <center>  
            <h1 id="geeks1" style = "color:green;">
                GeeksForGeeks
            </h1>
              
            <h2 id="geeks2">jQuery :empty() Selector</h2>
            
            <table border="1">
            <tr>
                <th>Name</th>
                <th>Contact</th>
                <th>Country</th>
            </tr>
            <tr>
                <td>Geeks 1</td>
                <td></td>
                <td>India</td>
            </tr>
            <tr>
                <td>Geeks 2</td>
                <td>2345</td>
                <td></td>
            </tr>
            <tr>
                <td>Geeks 3</td>
                <td>3456</td>
                <td>India</td>
            </tr>
            <tr>
                <td>Geeks 4</td>
                <td>4567</td>
                <td>India</td>
            </tr>
            <tr>
                <td>Geeks 5</td>
                <td>5678</td>
                <td>U.S.</td>
            </tr>
            <tr>
                <td></td>
                <td>6789</td>
                <td>Austrialia</td>
            </tr>
            <tr>
                <td>Geeks 7</td>
                <td></td>
                <td>India</td>
            </tr>
            </table>
        </center>
    </body>
</html>  

Producción:

Ejemplo 2: este ejemplo usa: selector vacío para seleccionar un elemento vacío.

<!DOCTYPE html>
<html>
    <head> 
      <title>jQuery :empty() Selector</title>
        
      <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
      </script>
        
      <!-- Script to use empty selector -->
        <script>
            $(document).ready(function() {
                $("div:empty(.GFG)").css("background-color", "green");
            });
        </script>
          
        <!-- Style to create box -->
        <style>
            .GFG {
                width:200px;
                height:40px;
            }
        </style>
    </head>
      
    <body>
        <h1>GeeksforGeeks</h1>
        <div class="GFG"></div>
  </body>
</html>  

Producción:

Publicación traducida automáticamente

Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *