Архив рубрики: Уроки jQuery

jQuery, Фильтры

:first — выбирает первый элемент соответствующего селектора. Пример: $(«tr:first»).css(«font-style», «italic»); Данная инструкция напишет курсивом первую строку таблицы. :last — выбирает последний элемент соответствующего селектора. Пример: $(«tr:last»).css(«font-style», «italic»); Данная инструкция напишет курсивом последнюю строку таблицы. :even — выбирает четные элементы, начиная с нуля. Пример: $(«tr:even»).css(«font-style», «italic»); Данная инструкция напишет курсивом все четные строки таблицы (т.к. нумерация… Читать далее »

Как подключить jQuery

Сначала надо скачать саму библиотеку (которая находится в разделе «программы«), разархивировать и перенести в ту же папку, где лежат ваши html-страницы. Теперь нам надо подключить jQuery к html-странице. Для этого, как вы помните, в html существует тег <script>, который и отвечает за подключение внешних файлов скриптов. Добавим этот тег в html-страницу, так же как мы… Читать далее »

Методы для работы с html

Сначала рассмотрим основные методы работы с html, а затем уже методы для манипуляции с этими элементами. Итак, основные методы: html(val) — добавляет html-код в выбранные элементы. Пример: $(«div.sp»).html(«<span>Привет</span>»); Данная инструкция добавит во все div-ы с классом sp, span-ы с текстом «Привет». text() / val() — возвращает текстовое содержимое элемента / значение элемента. Пример: $(«p»).text(); Данная… Читать далее »

Уроки jquery

jQuery – это JavaScript-библиотека, фокусирующаяся на взаимодействии JavaScript, HTML и CSS. Что умеет jQuery: Обращаться к любому элементу DOM (объектной модели документа) и не только обращаться, но и манипулировать ими. Работать с событиями. Легко осуществлять различные визуальные эффекты. Работать с AJAX (очень полезная технология, позволяющая общаться с сервером без перезагрузки страницы, но пока мы ее… Читать далее »

Методы для работы с CSS-стилями jQuery

В jQuery имеется три категории методов: одни манипулируют с элементами, подходящими по шаблону; вторые возвращают значения элемента, а третьи изменяют сами элементы. Сегодня рассмотрим методы, которые используются для CSS-стилей. Итак, чтобы добавить какому-либо элементу стиль, необходимо воспользоваться следующим методом: .css(name,value) Пример: $(«div»).css(«border», «1px solid blue»); Данная инструкция обведет div синей рамкой. В качестве параметров здесь… Читать далее »

jQuery, визуальные эффекты

Методы видимости — hide(), show() и toggle() Эти методы отвечают за видимость элементов, работают по принципу скрыть — показать: hide() — скрыть show() — показать toggle() — показать, если скрыты и скрыть, если видимы. Пример: Эффекты jQuery Html-код: <html> <head> <title>jQuery</title> <link rel=»stylesheet» type=»text/css» href=»cascade.css»> <script type=»text/javascript» src=»jquery-1.7.1.js»></script> <script type=»text/javascript» src=»script.js»></script> </head> <body> <div id=»les8_ex1″></div>… Читать далее »

jQuery, селекторы

Селекторы — это элементы, с которыми мы хотим что-либо сделать. Давайте посмотрим, как их можно задавать: #id — выбирает единственный элемент с переданным идентификатором (id). Пример: $(«#lok»).css(«border», «1px solid red»); Данный оператор выберет элемент с id=»lok» и добавит ему css-стиль, в данном случае рамку, шириной в 1 пиксел, сплошную и красную. .class — выбирает все… Читать далее »