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