¿Cómo puedo cambiar la pantalla CSS NINGUNA o Bloquear la propiedad usando jQuery?

La función JavaScript o jQuery con Pantall None y las propiedades del bloque de pantalla se usa para ocultar y mostrar el contenido respectivamente. Debe haber botones que se muestren en la interfaz creada con las etiquetas HTML y las funciones de JavaScript que se refieren a esos botones para que la función de bloqueo de pantalla Ninguno y el bloque de visualización funcionen cuando el usuario hace clic en el botón respectivo.

Creación de botones que poseen las propiedades de "Muestra Ninguno" y "Bloque de visualización"

Las etiquetas de los botones se utilizan para crear botones en HTML, y la jQuery (biblioteca javascript) se usa para agregar funcionalidad a los botones.

Ejemplo: visualizar ninguno y el bloque de visualización para un contenedor Div
Discutamos con un ejemplo simple para ocultar y mostrar un contenedor DIV usando el "no muestra nada" y "bloqueo de pantalla" propiedades:

Esconder
Mostrar

Contenedor

En el fragmento de código anterior, hay etiquetas para crear botones y un contenedor DIV:

• Hay la etiqueta de botón con "botón"Declarado como su tipo. Dentro de la etiqueta del botón de apertura está el "esconder"La clase creada, y entre las etiquetas del botón de apertura y cierre se encuentra el texto que aparecerá en el botón.
• Del mismo modo, hay otra etiqueta de botón con la segunda clase llamada espectáculo, y el texto que se mostrará en el botón es "Mostrar".
• Luego, está la etiqueta Div con la identificación llamada "manifestación,"Y luego el texto se mostrará en el contenedor Div, yo.mi., "Contenedor".

En el elemento de script o en un archivo de JavaScript separado, debe haber funciones con Ninguno Mostrar Ninguno y Mostrar propiedades de bloque:

$ (documento).Ready (function ()
ps.esconder").hacer clic (function ()
$ ("#demo").CSS ("Display", "Ninguno");
);
ps.espectáculo").hacer clic (function ()
$ ("#demo").CSS ("Display", "Bloque");
);
);

En el fragmento de código anterior, están las funciones JavaScript agregadas para crear la funcionalidad para los botones:

• Ahí está el "listoFunción "que ejecuta la función dentro de él cuando el documento HTML o la página web se carga en el navegador.
• Dentro de la principal "listo"Función, está el"hacer clic"Función que se refiere al"esconder"Clase (la clase que se ha creado para el botón Hide. Dentro de esta función, existe la función CSS con el "no muestra nada"Propiedad refiriéndose a la"manifestación" identificación. Esto significa que cuando el usuario hace clic en el "esconder"Botón, el"no muestra nada"La propiedad se ejecutará.
• Del mismo modo, hay otro "hacer clic"Función con el selector de clases que se refiere al"Mostrar"Clase y dentro de eso"hacer clic"Función, existe la función CSS con el"bloqueo de pantalla"Propiedad con el selector de identificación que se refiere al"manifestación" identificación.

El impacto de la pantalla Ninguno y las propiedades del bloque de pantalla será el siguiente:

Así es como se agregan las propiedades de Bloque de pantalla CSS NINGUNO y de pantalla CSS utilizando jQuery.

Conclusión

Visualización de ninguna y las propiedades de bloque de visualización se agregan y cambian usando jQuery creando dos funciones CSS separadas en JavaScript, una con la propiedad Ninguna de la pantalla y la otra con la propiedad de Block Display. Estas funciones de CSS deben referirse a la ID o las clases de los botones creados en HTML para que cuando el usuario haga clic en el botón relevante, la función de visualización CSS invoca en consecuencia.