Как да заменим HTML в DIV с jQuery

Стъпка 1

Отворете приложение за уеб програмиране или текстов редактор и създайте нова HTML страница.

Стъпка 2

Добавете библиотеката jQuery към страницата, като добавите съответния HTML код между маркерите "". Например:

Променете пътя в атрибута "src", за да съответствате на местоположението и версията на библиотеката, изтеглена от уеб сайта jQuery.

Стъпка 3

Напишете следния код, за да добавите HTML div към страницата с примерния текст. Това трябва да се добави между маркерите "".

Това е пример

Стъпка 4

Добавете HTML бутон на страницата, като използвате кода по-долу, който трябва да бъде добавен след пример DIV. Бутонът не е дефиниран понастоящем, тъй като ще добавите инструмента за обработка на кликвания чрез jQuery.

Стъпка 5

Добавете следния HTML код между маркерите "" "под етикета, използван за включване на библиотеката" "jQuery.

Този код ще създаде функция, която ще се стартира автоматично, след като страницата се зареди. След това определяте инструмента за обработка на кликвания за бутона с HTML идентификатор "myButton", който изпълнява функция, когато се кликне. Функцията замества HTML кода, съдържащ се в DIV, с id "test".

Стъпка 6

Качете страницата на уеб сървъра си и го отворете в браузър. Кликнете върху бутона и ще видите, че съдържанието на DIV се променя незабавно при изпълнение на инструмента за обработка на кликвания.