Функция prepend().

Функция prepend() применяется для вставки HTML-кодов сразу после открывающего тега выбранного нами тега( блока, элемента), таким образом, данная функция вставляет содержимое, заданное параметром, к началу каждого элемента в выборке соответствующих элементов.

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

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

допустим есть какой-то фрагмент программы из Вашей страницы сайта:

                      < div id="nav">
                      < h3>Здесь находится меню страницы.< /h3>
                      < /div>

и мы хотим добавить первой строкой в этом блоке выражение < h2>Здравствуйте, уважаемые читатели!< /h2>, тогда сделаем выборку $('#nav') и связываем ее с нашей функцией:

                    
                    $('#nav').prepend('< h2>Здравствуйте, уважаемые читатели!< /h2>');

запускаем сценарий и увидим результат действия нашей функции prepend('< h2>Здравствуйте, уважаемые читатели!< /h2>'):

                   
                       < div id="nav">
                       < h2>Здравствуйте, уважаемые читатели!< /h2>
                       < h3>Здесь находится меню страницы.< /h3>
                       < /div>

Как видите, тут четко и однозначно функция prepend() определила тег < h3> самым первым потомком заголовка .< h2>

Ну, напишем следующий код программы и на самом деле посмотрим сценарий как все это будет:

                       < script type="text/javascript"> $(document).ready(function(){
                       $('#povtor')
                       .click(function(){
                       $('#tdcenter')
                       .prepend('< h2>Здравствуйте, уважаемые читатели!< /h2>');
                       });
                       });
                       < /script>

ЩЕЛКНИТЕ СЮДА

В данном случае элементом выборки становится центральная колонка страницы сайта под индексом id="tdcenter", с которой связана через точку функция prepend() для вставки( добавления первым элементом в нашу верхнюю часть страницы) до заголовка < h2>Функция prepend()< /h2>.

Каждый раз когда Вы щелкаете левой кнопкой мыши по мигающему тексту "ЩЕЛКНИТЕ СЮДА" наверху в начале страницы до заголовка < h2>Функция prepend()< /h2> - до названия темы данной страницы сайта прибавляется строковая величина < h2>Здравствуйте, уважаемые читатели!< /h2>. Прокрутите страницу доверху и посмотрите. И опять щелкните и посмотрите.

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

То есть у Вас срабатывает функция вставки prepend('< h2>Здравствуйте, уважаемые читатели!< /h2>'); так как Вам тут и объясняю. О функции click() поговорим чуть попозже, хотя, наверное, Вы уже догадались по значению слова click, что эта функция события мыши при щелкании по кнопке мыши.


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
... ... ...

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