Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30


Чувашия-это моя Россия

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

Тут все просто. Из названии функции ясно, что заменяется содержание текста согласно селектора написанного кода при создании своего сайта.

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

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

Как видим, теги h3 не затрагиваются, лишь полностью содержание строки между тегами меняется на аргумент функции 'Здравствуйте, уважаемые читатели!'. Аргумент функции в одинарных кавычках, потому что строка.

Библиотека jQuery шифрует любые HTML-теги, которые будут переданы функции text(), поэтому тег < h3> превращается в комбинацию символов <h3>. Хотя Вы об этом хорошо представляете, так как прочитали про символьные сущности в разделе главы HTML, кто пропустил, то нажмите сюда и прочитайте, что это такое. Такое знание Вам пригодится при отображении тегов и угловых скобов и много другого на страницах сайта.

Как всегда мы с Вами проделаем короткую демонстранцию, в данном случае по вставлению текстовых строк в какой-то выбранный Вами элемент. Допустим на данной странице сайта имется пустой блок div идентифицируем его как id="tekst_stroka" < div id="tekst_stroka">< /div>. И давайте в этот пустой блок вставим все, что написали в последнем абзаце. Чтобы блок как-то более менее прилично выглядел применим к нему уже знакомую стилевую функции ( хотя чуть попозже остановимся на изучении этой функции отдельно) css(). Размеры блока зададим как 540х350, фон зададим светло-голубой, толщина рамки 5px, прерывистую, цвет бордовый, текст цвета темно-синий, размер увеличим на 1.1em. Тогда код программы составится таковым:

            < script type="text/javascript">$(document).ready(function(){            
            $('#tekst_stroka')
			.css({"background-color": "#6CF", 
			      "color": "#006",
				  "border": "5px dashed #900",
				  "font-size": "1.1em",
				  "width": 540,
				  "height": 350})
            .text('< p>Библиотека jQuery шифрует люжбые HTML-теги, которые 
                       будут переданы функции text(), поэтому тег < h3> превращается 
                       в комбинацию символов  <h3>. Хотя Вы об этом хорошо 
                       представляете, так как прочитали про символьные сущности в 
                       разделе главы HTML, кто пропустил, то нажмите < 
                       a href="http://seosait21.ru/strojsait001/saithtml24.html">                    
                       < b>сюда< /b>< /a> и прочитайте, что это такое. Такое знание
                       Вам пригодится при отображении тегов и угловых скобов и много
                       другого на страницах соего сайта.< /p>');
		    });
            < /script>

И Вы можете видеть работу нашей функции text() на странице своего сайта:



Как видим, все что находится в аргументе функции text() jQuery под одинарными кавычками воспринимается как строковое выражение. Сначало Вы выбрали блок < div id="tekst_stroka">< /div>- для этого применили функцию объект jQuery, где прописали id( идентификатор) блока #tekst_stroka, далее придали этому блоку какое-то стилистическое оформление, связав его с функцией css() через точку. Ну, третьий шаг и опять связываем через точку нашу функцию text() завершил перенос нашего абзаца всего вместе с тегом в наш пустой блок, что и наблюдаем на экране. Чтобы сдвинуть блок на середину центральной колонки страницы сайта создадим поля между левой и правой колонками так { margin: 20px 110px;}, тогда получим работу следущее:


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

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

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: