Jak mogę zmienić wyświetlanie CSS Brak lub blokowanie właściwości za pomocą jQuery

Funkcja JavaScript lub jQuery z Display Brak i właściwości bloków wyświetlacza służy odpowiednio do ukrywania i wyświetlania zawartości. Na interfejsie powinny być wyświetlane przyciski utworzone za pomocą znaczników HTML i funkcji JavaScript odnoszących się do tych przycisków, aby wyświetlał brak i funkcja bloku wyświetlania, gdy użytkownik kliknie odpowiedni przycisk.

Tworzenie przycisków, które mają właściwości „Wyświetl brak” i „Wyświetl blok”

Tagi przycisków służą do tworzenia przycisków w HTML, a następnie jQuery (biblioteka JavaScript) jest używana do dodawania funkcjonalności do przycisków.

Przykład: Wyświetl Brak i wyświetl blok dla kontenera Div
Omówmy to z prostym przykładem, aby ukryć i wyświetlić kontener DIV za pomocą „Nie wyświetla się" I "Blok wyświetlacza" nieruchomości:

Ukrywać
Wyświetlacz

Kontener DIV

W powyższym fragmencie kodu istnieją znaczniki tworzenia przycisków i kontenera Div:

• Jest znacznik przycisku z „przycisk”Oświadczono jako swój typ. Wewnątrz znacznika otwierającego jest „ukrywać”Klasa utworzona, a między przyciskiem otwierania i zamykania jest tekst, który pojawi się na przycisku.
• Podobnie jest kolejny znacznik przycisku z drugą klasą o nazwie The pokazywać, a tekst wyświetlany na przycisku to „Wyświetlacz".
• Następnie jest znacznik DIV z ID o nazwie „próbny,”A następnie tekst ma być wyświetlany na kontenerze Div, i.mi., "Kontener DIV".

W elemencie skryptu lub w osobnym pliku JavaScript powinny istnieć funkcje z Brak i wyświetlanie właściwości bloków:

$ (dokument).gotowy (funkcja ()
$ (".ukrywać").kliknij (funkcja ()
$ („#demo”).CSS („Display”, „Brak”);
);
$ (".pokazywać").kliknij (funkcja ()
$ („#demo”).CSS („Display”, „Block”);
);
);

W powyższym fragmencie kodu dodane są funkcje JavaScript, aby stworzyć funkcjonalność przycisków:

• Jest „gotowy„Funkcja, która wykonuje funkcję w niej, gdy dokument lub strona internetowa HTML jest ładowana na przeglądarkę.
• Wewnątrz głównego „gotowy”Funkcja jest„Kliknij„Funkcja, która odnosi się do„ukrywać”Klasa (klasa, która została utworzona dla przycisku ukryj. W tej funkcji istnieje funkcja CSS z „Nie wyświetla się„Własność odnosząca się do„próbny" ID. Oznacza to, że gdy użytkownik kliknie „ukrywać”Przycisk,„Nie wyświetla się„Własność zostanie wykonana.
• Podobnie jest inny „Kliknij”Funkcja z selektorem klasy odnoszącym się do„Wyświetlacz„Klasa i wewnątrz tego”Kliknij”Funkcja, istnieje funkcja CSS z„Blok wyświetlacza„Właściwość z selektorem identyfikacyjnym odnoszącym się do„próbny" ID.

Wpływ wyświetlacza Brak i właściwości bloków wyświetlania będą następujące:

W ten sposób dodawane są wyświetlanie CSS i właściwości bloków wyświetlania za pomocą jQuery.

Wniosek

Wyświetl brak, a właściwości bloków wyświetlania są dodawane i zmieniane za pomocą jQuery, tworząc dwie oddzielne funkcje CSS w JavaScript, jedna z właściwością Display Brak, a drugą z właściwością wyświetlania bloku wyświetlania. Te funkcje CSS powinny odwołać się do identyfikatora lub klas przycisków utworzonych w HTML, aby gdy użytkownik kliknie odpowiedni przycisk, funkcja wyświetlania CSS odpowiednio wywołuje.