El :focus Selector se usa para seleccionar todos los elementos que tienen el foco en el documento actualmente. También se usa con un nombre de etiqueta o usando otro selector .
Sintaxis:
$(":focus")
Ejemplo:
<!DOCTYPE html> <html> <head> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script> $(document).ready(function() { $("input").focus(); $(":focus").css( "background-color", "green"); }); </script> </head> <body> <center> <h1 style="color:green;"> GeeksForGeeks </h1> <h2> jQuery :focus Selector </h2> Name: <input type="text" /> <br> Password: <input type="text" /> <br> <button>Submit </button> </center> </body> </html>
Producción:
Navegadores compatibles: los navegadores compatibles con jQuery :focus Selector se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA