Каталог статей » JQuery - Страница 1

Главная » Каталог статей » Web-программирование » JQuery
Страницы: 1 2 »
Всего материалов: 13
Показано: 1-10
Сортировать по:  Дате · Названию · Рейтингу · Комментариям · Просмотрам
 

jQuery tips. Советы и уловки

Серия статей про jQuery немного затянулась :), как всегда какие то другие идеи вытесняют намеченные планы. Попробую осилить 2 статьи из данной серии за неделю, тем более, что и накопилось материала, и появилось немного свободного времени.
В этом небольшом посте хотел рассказать про советы и уловки, которые периодически делают жизнь легче :).

Альтернативный путь Document Ready

Одной из первых функций с которой я познакомился изучая jQuery, была $(document).ready.
Есть и альтернативный вариант вызова данной функции.

/оставить комментарий ›››
Категория: JQuery | Просмотров: 10849  | Добавил:  | Дата: 15.06.2010 | Комментарии (1)
 

Исследуем новые возможности jQuery 1.4

Исследуем новые возможности jQuery 1.4

14 января был 4-й день рождения jQuery. К этому дню и был приурочен выпуск релиза jQuery 1.4. Цельного понимания изменений не было, информация была немного скупа, вот я и решил попробовать его в действии, вследствие чего и родилась данная статья.


Так как версию jQuery 1.3.2 я использовал уже довольно долго, то хотелось найти ответ на следующий вопрос: "Стоит ли переходить и что придется менять в старом коде для перехода на jQuery 1.4?".


Совместимость с другими версиями jQuery

Разработчики, которые раньше использовали версию jQuery 1.3.2, могут смело переходить на использование версии jQuery 1.4, они полностью совместимы (одна оговорка, см. jQuery.param). Во всех остальных случаях вам придется проверить совместимость вашего кода с jQuery 1.4.

Данная версия обладает рядом преимуществ, одним из которых является оптимизация и повышения быстродействия методов addClass, removeClass, append, html и других.

/оставить комментарий ›››
Категория: JQuery | Просмотров: 9261  | Добавил:  | Дата: 15.06.2010
 

jQuery FAQ - часто задаваемые вопросы по jQuery

Эта статья является чуть-чуть вольным переводом аналогичного раздела на сайте разработчиков библиотеки jQuery. Речь пойдет о казалось бы совсем простых вещах, но не всегда очевидных с первого взгляда, поэтому эта информация наверняка может кому-то пригодится.

Как выбирать элементы, используя class или id?

Этот код выбирает элемент с id«myDivId». Поскольку id является уникальным, это выражение всегда выбирает один элемент.
Или ничего не выбирает, если элемента с таким id не существует.

Code
$('#myDivId');

Следующий код выбирает элемент(ы) с классом «myCssClass». Поскольку любое количество элементов может иметь этот класс, это выражение будет выбирать любое количество элементов.

/оставить комментарий ›››
Категория: JQuery | Просмотров: 7553  | Добавил:  | Дата: 26.05.2010
 

jQuery. Углубляемся в реализацию

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

Что происходит, когда мы вызываем 'jQuery'?

jQuery функция по себе очень простая:

Code
jQuery = function (selector, context) {
return new jQuery.fn.init(selector, context);
}

Что мы имеем внутри? jQuery функция (объявленная как «обертка») возвращает инициализированный jQuery объект - экземпляр 'jQuery.fn.init' конструктора.

Полезно знать то, что когда мы вызываем функцию 'jQuery' мы фактически создаем полностью уникальный объект с определенным набором свойств.

/оставить комментарий ›››
Категория: JQuery | Просмотров: 6988  | Добавил:  | Дата: 22.05.2010
 

jQuery. Ajax

AJAX

Что такое AJAX я думаю рассказывать не стоит, ибо с приходом веб-два-нуля большинство пользователей уже воротят носом от перезагрузок страниц целиком, а с появлением jQuery реализация упростилась в разы...

Примечание:
Во всех примерах используется сокращенный вариант вызова jQuery методов, используя функцию $ (знак доллара)

jQuery(..).load

Начнем с самого простого - загрузка HTML кода в необходимый нам DOM элемент на странице. Для этой цели нам подойдет метод load. Данный метод может принимать следующие параметры:

/оставить комментарий ›››
Категория: JQuery | Просмотров: 12240  | Добавил:  | Дата: 20.05.2010
 

jQuery. Работа с элементами. Использование CSS селекторов

Использование CSS селекторов

В jQuery используются стандартные CSS-селекторы. Вы наверняка с ними знакомы.
Вот несколько примеров, чтобы освежить знания:

Code
a - будут выбраны все ссылки (<a>);
#someid - будет выбран элемент с id = someid;
.someclass - будут выбраны все элементы класса someclass;
a#someid.someclass - будeт выбрана ссылка с id = someid класса someclass;
p a.someclass - будут выбраны все ссылки класса someclass внутри абзаца (<p>);

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

/оставить комментарий ›››
Категория: JQuery | Просмотров: 18311  | Добавил:  | Дата: 19.05.2010
 

jQuery. Селекторы

Последнее время мне всё чаще задают вопрос как выбрать тот или иной элемент в DOM`е, и данный пост будет сплошь посвящен селекторам в jQuery, возможно большинство из них Вы видели в различных источниках, но собрать их воедино все же стоит...


Селекторы в jQuery

Селекторы в jQuery базируются на CSS селекторах, а так же поддерживают XPath.
Дабы не закапываться в документацию буду приводить примеры, много примеров.
Но начнем с самых азов...

Для начала нам понадобиться макет HTML странички (вполне типичный макет):

/оставить комментарий ›››
Категория: JQuery | Просмотров: 7332  | Добавил:  | Дата: 19.05.2010
 

Введение в jQuery

Введение в jQuery

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

В своей основе jQuery ориентировано на работу с элементами HTML страниц.

Wrapper

В CSS для выбора, например, всех ссылок <a> внутри абзаца <p> мы писали ....

/оставить комментарий ›››
Категория: JQuery | Просмотров: 5878  | Добавил:  | Дата: 15.05.2010
 

jQuery. Знакомство с бесплатным JavaScript Framework-ом

jQuery - это полностью бесплатный javascript framework (фреймворк - это набор готовых функций для облегчения решения типовых задач).

Слова "полностью бесплатный" добавлены потому, что есть и не совсем бесплатные, например ExtJS.
На самом деле jQuery гораздо больше, чем просто фреймворк, это новая психология программирования на javascript, если можно так выразиться. Я бы сравнил появление jQuery с появлением самого javascript. И это не просто громкие слова.

Те, кто уже работает с jQuery подтвердят, что по прошествии некоторого времени начинаешь забывать структуры обычного javascript кода, а строка

/оставить комментарий ›››
Категория: JQuery | Просмотров: 5971  | Добавил:  | Дата: 15.05.2010
 

Оживляем страницу с jQuery

Манипулирование со свойствами объектов.

Самый простой способ проверить или изменить элементы выбранного нами набора позволяет нам команда each():

Code
$('img').each(function(n){
this.alt='Это image['+n+'] с id равным '+this.id;
});

Это выражение применит указанную функцию к каждому элементу <img> на странице, при этом будет изменен атрибут alt используя порядковый номер элемента и его id.

Получение и изменение значения атрибутов.

Как мы убедимся позже, многие методы в jQuery используются как для чтения, так и для записи, в зависимости от атрибутов и их количества, передаваемых методу.

Так, метод attr() может использоваться как для получения значения атрибутов, так и для их установки.
Если методу будет передано только название атрибута, он вернет его значение, например:

/оставить комментарий ›››
Категория: JQuery | Просмотров: 8588  | Добавил:  | Дата: 15.05.2010
1-10 11-13
Последние комменты
Учебник по системе uCoz. Создание сайта
Не получается скачать(
Автор: Denis
Audio Transcoder v1.9.8.1218 Portable Rus
Audio Transcoder 1.9.8.1219 ML Portable
Автор: Anton
Оформление результатов поиска картинками-превью...
Цитата Add
Будет ли скрипт работать screen_url со скриншотами??? Я пробовал сделать но не выходит

Смотря как представлены скриншоты в материале. Если они выводятся картинками - то да, будет, если иначе - то нет.
Автор: Anton
Оформление результатов поиска картинками-превью...
Цитата Add1
Мне нужно чтобы скрин выводил из каталога файлов

Со всеми “нужно” жду вот здесь: Платный радел
Автор: Anton
Как сделать свои BB-коды для сайта / форума
Цитата foksin
Подскажите пожалуйста как реализовать таблицу на форуме, нужен скрипт, не подскажите какой?

BBComplex - JavaScript модуль для сайтов системы uCoz
Автор: Anton
Как сделать свои BB-коды для сайта / форума
Подскажите пожалуйста как реализовать таблицу на форуме, нужен скрипт, не подскажите какой?
Автор: foksin
Оформление результатов поиска картинками-превью...
http://likbezz.ucoz.ru/search....oto&t=0
Автор: Anton

Меню сайта
Категории раздела
Java Script [5]
JavaScript — объектно-ориентированный скриптовый язык программирования.JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.
JQuery [13]
jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.

Мобильная версия