Функция html() jQuery.

В арсенале мощного аппарата jQuery имеются множество разнообразных функций ( так называемые мини программ) для манипулировании( интерактивного вмешательства) содержимым страниц сайта от простейших замен тегов до полного удаления или замены содержания страниц Вашего сайта.

Связывая функцию html() jQuery с какой-либо выборкой, указывая конкретный селектор можно просто заменить содержание конкретного селектора на аргумент данной функции( то что находится внутри круглых скобок. В документах HTML, можем использовать html() для получения содержания любого элемента.

При использовании функции html() для определения содержания элементов со значениями аргументов функции html(), любое содержание выбираемых элементов будет замененно новыми значениями, то есть будет стоять аргумент данной функции html() ( то, что в круглых скобках). Сами элементы, изображения и тексты при этом никуда не исчезают и не пропадут со страниц сайта. Они будут находится там же, но отображаться на ихнем месте будут другие элементы, то есть то что Вы написали в аргументе функциии html().

И еще на некоторых сайтах Вы можете встретить утверждение, якобы данная функция действует только для одного элемента блока, элемента, но остальные объекты ее свойство не распространяется. Хочу заметить, что это совершенно не так. Можете проверить сами.

Если Вы просто напишите вот так $('p').html('');, то заменится пустой строкой ( по сути абзац не будет отображаться) не первый встретившийся абзац на странице сайта, но все абзацы на данной странице будут заменены пустой строкой, то есть текст написанный в абзацах просто напросто исчезнет ( не будет отображаться). Поэтому некоторые рекомендации лучше проверять на практике( выполняются - не выполняются). Конечно, в этом страшного ничего нет, так как все равно Вы будете тестировать свою программу не только на одном браузере.

                  например:
                  
                  < div id="nav">
                      < h3>Здесь находится меню страницы.< /h3>
                  < /div>
                  
                  Если мы составим следующий код
                  $alert('#nav').html('< h2>Здравствуйте, уважаемые читатели!< /h2>');
                  и запустим сценарий,то получим следующее:
                  
                  
                  < div id="nav">
                      < h2>Здравствуйте, уважаемые читатели!< /h2>
                  < /div>

Из всего того, что сказано прежде делаем вывод: когда какой-либо объект jQuery $() связывается с функцией html(), то есть получается код программы $().html(), то в результате получается результат полной замены содержимого объекта на содержимое функции.

Попробуем проэкспериментировать. Например, если Вы захотите абзац заменить предварительно отформатированным тестом, то у Вас из этого ничего не получится. Сама библиотека jQuery на данный момент не воспринимает предварительно отформатированный текст как строковую величину и в этом находит ошибку. Скорее всего выдача ошибки связана с переводом строк. Но обратное вполне допустимо и легко и просто выполнимо. То есть предварительно отформатированный текст выбрать как объект и над ним совершить любые действия на данный момент.

Ну, хорошо, давай сделаем так. Проверим работает - не работает. Предпоследний абзац идентифицируем как id="poslednij" и заменим его на самого себя, но,с некоторыми изменениями, точнее содержание абзаца на такой же но в другом стилевом оформлении. В частности, шифр увеличим на один разряд по классификации, то есть на два пикселя, цвет сделаем красным, фон абзаца светлокирпичным. Наверное хватит.

Попробуем проэкспериментировать. Например, если Вы захотите абзац заменить предварительно отформатированным тестом, то у Вас из этого ничего не получится. Сама библиотека jQuery на данный момент не воспринимает предварительно отформатированный текст как строковую величину и в этом находит ошибку. Скорее всего выдача ошибки связана с переводом строк. Но обратное вполне допустимо и легко и просто выполнимо. То есть предварительно отформатированный текст выбрать как объект и над ним совершить любые действия на данный момент.моя страница

Вот, посмотрите содержание кода нашей программы:

                      < script type="text/javascript">$(document).ready(function(){
                      $('#poslednij')
                      .html('Попробуем проэкспериментировать. Например, если Вы захотите 
                             абзац заменить предварительно отформатированным тестом, то 
                             у Вас из этого ничего не получится. Сама библиотека jQuery 
                             на данный момент не воспринимает предварительно отформатиро
                             ванный текст как строковую величину и в этом находит ошибку.
                             Скорее всего выдача ошибки связана с переводом строк. Но об
                             ратное вполне допустимо и легко и просто выполнимо. То есть 
                             предварительно отформатированный текст выбрать как объект и
                             над ним совершить любые действия на данный момент.')
                      .css({
                      "background-color": "#FC9"
                      "color": "#F00",
                      "font-size": "16px"
                           });
                           });
                      < /script>
                      
                      < p id="poslednij">< /p>

В данном случае мы не абзац < p id="poslednij"> заменили таким же. Нет, Мы заменили содержание абзаца < p id="poslednij"> на его новое содержание. Если заменить абзац на абзац коды программы выглядели бы чуть по-другому. Вроде небольшая разница. Но, это Вы имейте ввиду.

Здесь $('#poslednij') наш выбранный абзац с идентификаторм id="poslednij".

Наша функция .html('...')

Появляется доболнительная функция для изменения стиля абзаца css().


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед