Intentando escribir actualmente una función que oculta un elemento de tabla HTML cada vez que se elige una opción en un menú desplegable. Sin embargo, tratar de probar esto no parece dar resultados.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"> $(function () { $(".testClass").hide(); }); </script>Y el HTML:
<div class="testClass">Test</div>Cierre la etiqueta original del script utilizada para usar src y abra otra para el script en línea.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"> </script> <script> $(function () { $(".testClass").hide(); }); </script> </head> <body> <h2>Some heading</h2> <div class="testClass">Test</div> </body>Se supone que no debes poner nada entre las etiquetas jquery.
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head>Luego cree otro script dentro del cuerpo de su aplicación. Aquí hay un ejemplo de w3schools:
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>Click me</button> </body> </html>El ejemplo anterior muestra cómo ocultar un elemento usando jQuery con solo hacer clic en un botón.
Sin embargo, no estoy seguro de que sea la mejor manera de ocultar un elemento en Angular. Puedes hacerlo con un ejemplo de aquí:
Angular 2 Mostrar y ocultar un elemento
Por favor, mire la respuesta de gentiane.