Сайт Вадима Аниканова

JQUERY

Памятка jQuery. Простые примеры скриптов на jQuery. Ссылки на полезные сайты по 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

С помощью селекторов 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

Copyright © 2013. All Rights Reserved.

Yandex-metrika