В този урок запознат 3 метод JQuery, че са проектирани да работят директно със съдържанието на елемента:
- HTML (), за да четат и променят HTML кода на елемент
- текст (), за да четат и променят текстовото съдържание на елемента
- Val () да чете и променя формата поле стойности
Работа с HTML код: HTML ()
Прочетете HTML елемент код
За да прочетете HTML код елемент, първо изберете елемента като обект JQuery, след това се обадете на метода на HTML () за обекта. Например, следния код е избран елемент р (пара) на страницата, след това се нарича HTML () метод за показване на HTML съдържание на елемента:
Кодът показва прозорец със съобщение, което показва поредица от HTML елемент код:
Подмяна на HTML съдържанието на елемента
Можете да замените HTML маркирането на нова линия на HTML код. Примерът включва подмяна на параграфа вътре в DIV елемент с ново заглавие и параграф:
Ако метод причина HTML (newHTML) за набор от множество избрани елементи, съдържанието на всеки елемент се заменя с низ newHTML.
Използване на HTML да замени съдържанието на елемент
Вместо предаване метод подмяна низ HTML (). може да премине функция за обратно извикване. Функцията трябва да вземе два аргумента:
Върнатата стойност се използва за замяна на HTML.
изпълнение на код ще доведе до следното заключение:
- Когато съдържанието на елемента се чете с помощта на метода на текст (). всички HTML тагове, които са отделени от текста.
- Когато методът на текст () се използва за замяна на съдържанието на даден елемент, всички HTML тагове в низа за замяна се декодират, така че те се появяват на страницата.
текстовото съдържание четене
Например кодът показва прозорец със съобщение. тагове и Те ще бъдат изключени от текста:
Замяна на текст съдържанието на елемента
текст () метод работи, както и (метод HTML). когато трябва да се замени съдържанието на съдържанието. Разликата се състои в това, че всички HTML тагове ще бъдат декодирани за да се покаже на страницата, а не за да се образува елементи.
Пример скрипт, който се основава на примерен метод HTML () на се използва. да замени съдържанието на друг текст параграф:
И това е, което ще се появи на екрана. тагове
.
и просто ще се покаже като текст, а не да образуват челната част и връзка:
С помощта на функцията за заместване на текст
Точно както в метода на HTML (). можете да използвате метода на функцията текст (), ако искате да замените съдържанието на базата на своята позиция или съдържание. По-долу е пример за "номерирани заглавията", която използва текст () метод вместо метода на HTML () и се използва символ ">" като разделител вместо точка:
Резултатът от кода ще бъде, както следва:
Ако пуснете горния код и погледнете в изходния код, който ще откриете, че методът на текст () е декодиран символа ">" и двете "GT;".
Работа с ценностите на полетата на формата: Вал ()
Помислете сега метода на Вал (). Той работи като метод на текст (). но се използва за четене и промяна на стойностите на полетата на формата, а не елементи текст съдържание.
Примерът показва, че и двете четене и писане форма стойности на полетата с помощта на Вал (метод).
Кодът първо показва прозорец със съобщение, което показва стойностите по подразбиране на полетата на формата. списъци, въвеждане на текст полета и бутони за избор на група:
Кодът след това променя избрания продукт "MegaWidget", брой 4, и доставка до "не".
В горния пример #expressNo бутона за избор маркирана с метод на разговор ATTR () за определяне проверява бутон атрибут. тъй като Вал () метод не може да промени състоянието на подбор на на отметка или бутон.
При използване на метод Вал (), което трябва да запомните следното:
В този урок три метода на JQuery за манипулиране на HTML елементи на съдържание се считат:
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!
Свързани статии