Jak znaleźć elementy HTML w JQuery

Po kliknięciu przycisku:

Selektor nazwy elementu pobiera wszystkie elementy HTML o tej samej nazwie. Na przykład dodaliśmy $ („H2”) Jako nazwa elementu, więc selektor nazwy elementu wybierze wszystkie

Elementy kierujące naszej strony internetowej, a następnie zastosuj do nich dodane ustawienia.

Jeśli jednak chcesz znaleźć konkretny Html element, Następnie możesz użyć Element #ID Selector w jQuery ().

Jak znaleźć elementy HTML w jQuery za pomocą selektora elementu #ID

Aby znaleźć elementy HTML za pomocą selektora elementu #ID, musimy przypisać identyfikator do tego elementu HTML i powinien być unikalny na stronie internetowej, ponieważ selektor #Id #ID wyszukuje unikalny i pojedynczy element.

Składnia selektora elementu #ID

$ („#my_id”)

W składni selektora elementu #ID musisz dodać znak skrótu „#,”, A następnie„ID”Przypisany do elementu HTML.

Przykład: Znajdź elementy HTML w jQuery za pomocą selektora #id #ID
W naszym "indeks.html”Plik, dodaliśmy akapit,„Kliknij”Przycisk i nagłówek z„H2ID”Element ID:

Znajdź elementy HTML w jQuery

To jest główny akapit z przykładowym tekstem

Znaleźć element HTML nagłówka za pomocą „H2ID”, Napiszemy następujący kod w naszym„mój projekt.JS" plik:

$ (dokument).gotowy (funkcja ()
$ („przycisk”).kliknij (funkcja ()
$ („#h2ID”).ukrywać();
);
);

W takim przypadku, kiedy klikniemy przycisk, JQuery „$ („#H2ID”)„Metoda znajduje element kierowania HTML za pomocą„H2ID”I ukryj go ze strony internetowej:

Dodane nagłówek nie można już zobaczyć po kliknięciu „Kliknij" przycisk:

Jak znaleźć elementy HTML w jQuery za pomocą elementu .Selektor klas

Element #ID Selector nie pozwala na wybór dwóch elementów HTML jednocześnie, ponieważ oba z nich będą miały unikalne wartości identyfikacyjne. Możesz jednak przypisać klasę do różnych elementów HTML, a następnie wykorzystać Element .Selektor klas za znalezienie elementów należących do tej samej klasy.

Składnia elementu .Selektor klas

$ (".moja klasa")

W podanej składni elementu .selektor klas, musisz dodać znak okresu przed zapisaniem nazwy klasy i powinien być zamknięty w nawiasach.

Przykład: Znajdź elementy HTML w jQuery za pomocą elementu .Selektor klas
W tym przykładzie przypisamy nazwę klasy „NewClass„Do nagłówka, elementu akapitowego i przycisku, które są dodawane w naszym„indeks.html" plik:

Znajdź elementy HTML w jQuery

To jest główny akapit z przykładowym tekstem

To jest drugi akapit

Z wyjątkiem pierwszego akapitu wszystkie dodane elementy HTML należą do „NewClass”:

Po pierwsze, znajdziemy elementy HTML o nazwie klasy „NewClass". Następnie ukryjemy je przed naszą stronę HTML:

$ (dokument).gotowy (funkcja ()
$ („przycisk”).kliknij (funkcja ()
$ (".NEWCLASS ”).ukrywać();
);
);

Przed kliknięciem przycisku:

Po kliknięciu przycisku:

Powyższe dane wyjściowe pokazuje, że pomyślnie znaleźliśmy określone elementy HTML za pomocą elementu .Selektor klasy i ukrył je na stronie internetowej.

Wniosek

Za pomocą Selektor nazwy elementu, Element #ID Selector, I Element .Selektor klas, Można znaleźć elementy HTML w JQuery. Wybór nazwy elementu jest wykorzystywany do wyboru elementów HTML według ich nazwy. W przeciwieństwie do tego selektor elementu #ID znajduje określony element HTML na podstawie ich unikalnego identyfikatora, a na koniec element .Selektor klasowy pobiera je zgodnie z nazwą klasy. W tym zapisie omówiono procedurę znalezienia elementów HTML w jQuery za pomocą selektora nazwy elementu, selektora #ID i elementu .Selektor klas.