Jak zamienić kod HTML w DIV na jQuery

Krok 1

Otwórz aplikację do tworzenia aplikacji internetowych lub edytor tekstu i utwórz nową stronę HTML.

Krok 2

Dodaj bibliotekę jQuery do strony, dodając odpowiedni kod HTML między tagami "" ". Na przykład:

Zmień ścieżkę w atrybucie "src", aby pasowała do lokalizacji i wersji biblioteki pobranej z witryny jQuery.

Krok 3

Napisz poniższy kod, aby dodać element HTML do strony z przykładowym tekstem. To musi być dodane między tagami "" ".

To jest przykład

Krok 4

Dodaj przycisk HTML na stronie, używając poniższego kodu, który powinien zostać dodany po przykładzie DIV. Przycisk nie ma obecnie zdefiniowanej akcji, ponieważ dodasz moduł obsługi kliknięć przez jQuery.

Krok 5

Dodaj następujący kod HTML między znacznikami "" "" poniżej tagu "", które są używane do dołączenia biblioteki jQuery.

Ten kod utworzy funkcję, która uruchomi się automatycznie po załadowaniu strony. Następnie definiujesz procedurę obsługi kliknięcia dla przycisku o identyfikatorze HTML "myButton", który wykonuje funkcję po kliknięciu. Funkcja zastępuje kod HTML zawarty w DIV za pomocą id "test".

Krok 6

Prześlij stronę na swój serwer sieciowy, a następnie otwórz ją w przeglądarce. Kliknij przycisk, a zobaczysz, że zawartość DIV zmienia się natychmiast po uruchomieniu obsługi kliknięcia.