Памятка jQuery. Простые примеры скриптов на jQuery. Ссылки на полезные сайты по jQuery
Полезные ресурсы по jQuery в сети:
- jquery.com — официальный сайт jQuery на котором можно найти саму библиотеку в нескольких вариантах (Production или Development + все предыдущие версии) и документацию к ней.
- jqueryui.com — ветка официального сайта, на нем можно найти множество (просто глаза разбегаются) готовых элементов для сайта на jQuery. На мой взгляд этот сайт один из самых полезных в сети по библиотеке jQuery, оттуда можно многое почерпнуть.
- jquerymobile.com — еще одна ветка официального сайта. На этом сайте можно найти полезную информацию о разработке сайтов на jQuery для мобильных устройств.
- jquery.page2page.ru — отличный справочник по jQuery с удобной навигацией и понятными примерами кода. Если у вас возникают вопросы по какой-нибудь функции, действию или свойству, то вам на этот сайт. Кроме всего прочего можно скачать локальную версию справочника, что очень удобно.
- wisdomweb.ru — неплохой интернет-справочник по JS/jQuery/AJAX/DOM/JSON/CSS3/HTML5. Хоть информации и очень много, навигация радует.
- slyweb.ru/jquerymain —
тоже хороший справочник по jQuery, но на мой взгляд он уступает
двум предыдущим. На нем можно найти неплохую информацию не только по
jQuery, но и по CSS3. Развернутое меню позволит быстро добраться до
нужного свойства или метода.
Учебник
С помощью
селекторов jQuery Вы можете выбрать любой элемент на странице.
Все
возможные варианты использования селекторов перечислены в таблице ниже:
|
Пример
|
Описание
|
|
$('*')
|
Будут
выбраны все элементы присутствующие на странице.
|
|
$("#el1")
|
Будет
выбран элемент с id=el1.
|
|
$(".el1")
|
Будут
выбраны все элементы на странице с class=el1.
|
|
$("div")
|
Будут
выбраны все элементы div на странице.
|
|
$("div,
#el1, .el1")
|
Будут
выбраны все элементы div, элемент с id="el1" и все элементы с
class="el1" на странице.
|
|
$("div.el1")
|
Будут
выбраны все элементы div на странице атрибут class которых равен el1.
|
|
$("p
> div")
|
Будут
выбраны все элементы потомки div родительского элемента p.
|
|
$("[src]")
|
Будут
выбраны все элементы на странице имеющие атрибут src.
|
|
$("[src='wisdomweb.gif']")
|
Будут
выбраны все элементы на странице со значениями атрибута
src="/wisdomweb.gif".
|
|
$("[src!='wisdomweb.gif']")
|
Будут
выбраны все элементы на странице со значениями атрибута src не равными
"wisdomweb.gif".
|
|
$("[src^='wisdomweb']")
|
Будут
выбраны все элементы на странице со значениями атрибута src начинающимися на
wisdomweb (например wisdomweb.ru, wisdomweb.gif и т.д.).
|
|
$("[src$='.gif']")
|
Будут
выбраны все элементы на странице со значениями атрибута src заканчивающимися
на .gif.
|
|
$("[src*='wisdomweb']")
|
Будут
выбраны все элементы на странице со значениями атрибута src содержащими
wisdomweb.
|
|
$(":input")
|
Будут
выбраны все элементы input на странице.
|
|
$(":button")
|
Будут
выбраны все элементы input на странице с атрибутом type=button.
|
|
$(":text")
|
Будут
выбраны все элементы input на странице с атрибутом type=text.
|
|
$(":password")
|
Будут
выбраны все элементы input на странице с атрибутом type=password.
|
|
$(":radio")
|
Будут
выбраны все элементы input на странице с атрибутом type=radio.
|
|
$(":checkbox")
|
Будут
выбраны все элементы input на странице с атрибутом type=checkbox.
|
|
$(":reset")
|
Будут
выбраны все элементы input на странице с атрибутом type=reset.
|
|
$(":image")
|
Будут
выбраны все элементы input на странице с атрибутом type=image.
|
|
$(":file")
|
Будут
выбраны все элементы input на странице с атрибутом type=file.
|
|
$("div:first")
|
Будет
выбран первый div элемент на странице.
|
|
$("div:last")
|
Будет
выбран последний div элемент на странице.
|
|
$("li:even")
|
Будут
выбраны все элементы списка с четными индексами. Так как нумерация индексов
элементов начинается с 0, то по сути будут выбраны нечетные элементы т.е. 1й,
3й, 5й элементы списка и т.д.
|
|
$("li:odd")
|
Будет
выбраны все элементы с нечетными индексами. Так как нумерация индексов
элементов начинается с 0, то по сути будут выбраны четные элементы т.е. 2й,
4й, 6й элементы списка и т.д.
|
|
$("li:eq(3)")
|
Будет
выбран 4 элемент списка (нумерация элементов в списке начинается с нуля).
|
|
$("li:gt(1)")
|
Будет
выбраны все элементы списка индекс которых больше 1 (т.е. все элементы списка
начиная с 3 элемента).
|
|
$("li:lt(2)")
|
Будет
выбраны все элементы списка индекс которых меньше 2 (т.е. первые 2 элемента
списка).
|
|
$(":header")
|
Будет
выбраны все элементы на странице являющиеся заголовками (т.е. элементы h1,
h2, h5 и т.д.).
|
|
$(":animated")
|
Будет
выбраны все анимированные элементы, которые находятся на странице.
|
|
$(":contains('wisdomweb')")
|
Будет
выбраны все элементы содержащие строку wisdomweb.
|
|
$(":empty")
|
Будет
выбраны все элементы не имеющие узлов потомков.
|
|
$(":hidden")
|
Будет
выбраны все скрытые элементы на странице.
|
|
$(":visible")
|
Будет
выбраны все видимые элементы находящиеся на странице.
|
Полезные ссылки
WYSIWYG Web Builder:
http://htmleditors.ru/List3A/WYSIWYG_Web_Builde_Help/Advanced.html
http://www.wysiwygwebbuilder.com/forum/viewforum.php?%20f=42
http://wysiwygwebbuilder.ru/forum/viewforum.php?f=19&start=30
http://extensions.wysiwygwebbuilder.com/
JQUERY
http://www.htmldrive.net
http://www.habrahabr.ru/post/139844/
http://www.habrahabr.ru/post/140379/
http://www.linkexchanger.su/2008/45.html
http://slyweb.ru/jquery/3.php
http://dml.compkaluga.ru/forum/index.php?showtopic=53319
http://www.jstoolbox.com/category/ajax/
http://ac-u.ru/arts/module-jquery-part1/
http://3wcom.ru/topic/delaem-formu-obratnoy-svyazi.html
http://workmake.ru/veb-razrabotka/php/gotovyie-resheniya/dinamicheskiy-vyivod-informatsii-v-neskolko-kolonok-na-php/
http://sp-sipos.ru/lessons-php-html-css/jquery.html
http://jquery.page2page.ru/index.php5/%D0%A4%D0%BE%D1%80%D0%BC%D1%8B
http://w3pro.ru/article/plagin-jquery-dlya-sortirovki-html-tablits
http://habrahabr.ru/post/75420/
http://www.drupal.ru/node/95498
http://hashcode.ru/questions/157096/%D0%B3%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D1%8F-%D1%84%D0%BE%D1%80%D0%BC-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D0%B5%D0%BC-%D0%BD%D0%B0-javascript-jquery-php
http://gliffer.ru/articles/jquery--vivod-i-filtratsiya-bolshih-tablits-dannih-s-pomoshchyu-plagina-datatables--columnfilter-chast-1/
Сортировка и поиск по таблице:
http://www.linkexchanger.su/2008/68.html
Много разных примеров:
http://ruseller.com/lessons.php?rub=28&id=227
http://www.coolwebmasters.com/script-library/1677-20-jquery-table-plugins.html
http://www.webmasters.by/articles/web-programming/48-240-plugins-jquery.html
Размножения полей формы на сайте
http://ajaxs.ru/lesson/jquery/121-razmnozhenija_polej_formy_na_sajte.html
Прочее
http://videouroki.su/video-urok-kontent-v-modalnyx-oknax-jquery.html
