Закрыть
×
dir.by
Праздники ...
Праздники ...
День города Минска (2-ая суббота сентября) (9 и 10 сентября 2023)
Концерты, выставки ...
Концерты, выставки ...
Вадим Самойлов "Агата Кристи"|||г. Минск 19 декабря 2026
Афишу
Спорт занятия ...
Спорт занятия ...
Аквааэробика
Спорт занятие
Компьютер, программы...
Компьютер, программы...
Объявления ...
Объявления ...
Грузоперевозки
Объявление
Новости ...
Новости ...
Форум ...
Форум ...
обсуждение...
Поиск
Концерты
Спорт
Форум
Компьютер
Компьютер, программы
→
jQuery - JavaScript библиотека для удобной работы с HTML
Сайты для изучения JQuery
посмотрели
7221
раз
обновлено: 22 ноября 2018
1)
Изучаем JQuery
на официальном сайте
jquery.com
2)
Изучаем JQuery
на официальном сайте
api.jquery.com
3)
Русская документация по API jQuery
jquery-docs.ru
4)
Изучаем JQuery
на официальном сайте
learn.jquery.com
5)
Изучаем JQuery
на сайте
wisdomweb.ru/JQ/jquery-first.php
6)
Pro jQuery (Адам Фриман)
книга в сайте
smarly.net/pro-jquery
← Предыдущая тема
jQuery.fn и jQuery.prototype это тоже самое
Ваши Отзывы ... комментарии ...
Вашe имя
Ваш комментарий
(www ссылки может добавлять только залогиненный пользователь)
+ картинку
Объявления
Объявления
•
Что такое JQuery ?
•
jQuery где скачать и как подключить?
•
Создаем новое приложение с jQuery
•
Примеры jQuery
•
Событие html страница открылась. jQuery Пример: $(function () {...}); или $( document ).ready(function() { ... });
найти один элемент по ID
•
Найти элемент по ID в jQuery. Пример: $("#Название")
найти много элементов по списку ID
найти элемент по: tag, attribute, class
•
Поиск элемента (элементов) по имени атрибута в jQuery. Пример HTML: <div color='green'>Hello!</div> Пример jQuery: var elem = $("[color]");
•
Найдите элемент по атрибуту и значению атрибута в jQuery. Пример: $("[my='123a']")
перебрать все элементы с нужным классом
•
Перебрать все элементы | each | в jQuery. Пример: $('.book').each(function(i, elem) { /*to do something*/ });
элемент (показать/спрятать)
•
Показать / спрятать элемент в jQuery. Пример: $("#Название").show()
class (добавить/удалить у элемента)
•
Добавить / удалить class в jQuery. Пример: $("#Название").addClass("my"); $("#Название").removeClass("my");
содержимое у элемента (поменять/брать)
•
Поменять содержимое у элемента в jQuery. Пример: $("#Название").html("Good morning");
•
Взять содержимое у элемента в jQuery. Пример: $("#Название").html();
значение для аттрибута (поменять/брать)
•
Поменять значение для аттрибута в jQuery. Пример: $("#Название").attr("aaa", "Hello"); $("#Название").removeAttr("aaa");
•
Взять значение у аттрибута в jQuery. Пример: $("#Название").attr("aaa");
значение для свойства DOM-объекта (поменять/брать)
•
Поменять свойство DOM-объекта в jQuery. Пример: $("#Название").prop("eee", "Hello");
•
Взять свойство DOM-объекта в jQuery. Пример: $("#Название").prop("eee");
значение checkbox (поменять/брать)
•
Поменять значение для checkbox в jQuery. Пример: $("#Название").prop('checked', true);
•
Взять значение checkbox в jQuery. Пример: $("#Название").prop('checked');
CSS стили для элемента
•
Поменять CSS стиль у элемента в jQuery. Пример: $("#Название").css("color", "#cc0000");
•
Взять CSS стиль у элемента в jQuery. Пример: var value1 = $("#Название").css("color");
Создание элемента
•
insertAfter | Вставляем новый контент HTML после нужного элемента в jQuery. Пример: $("<font color='green'>my text</font>").insertAfter($("#div1"));
•
append | Создание элемента HTML в конец блочного элемента в jQuery. Пример: $("body").append("<font color='green'>my text</font>")
value для элемента (поменять/брать)
•
Поменять value для HTML элемента в jQuery. Пример: $("#Название").val("Hello");
•
Взять value у HTML элемента в jQuery. Пример: var value1 = $("#Название").val();
выбрать элемент из списка по индексу
•
в jQuery выбрать HTML option из HTML select. Выбрать по индексу, value. Пример: $("#myColors").prop('selectedIndex', 2);
•
в jQuery взять value, индекс из активного HTML option. Пример1: var value = $("#myColors").val(); Пример 2: var index = $("#myColors").prop('selectedIndex');
enable / disable
•
Enable / disable для HTML элемента в jQuery. Пример enable: $("#Book").removeAttr("disabled"); Пример disable: $("#Book").attr("disabled", "disabled");
Послать запрос ajax
•
Отправить ajax запрос | jQuery. Пример: $.ajax({ type:"POST", url:"...", data:{...}}, success: function(msg) { ... } });
•
Событие, когда ajax Запрос завершен | jQuery. Пример: $(document).ajaxStop(function () { ... });
Событие
обработка события click
•
Событие когда нажимаем левой кнопкой мыши на элемент | click | jQuery | Пример: $("#Название").click(function(event) { ... });
•
Обработать событие click для всех элементов | jQuery. Пример: $(document).on("click", function(event){ ... });
обработка события submit
•
Событие когда в вашей форме нажимаем на кнопку "submit" | jQuery. Пример: $("#Ваша Form ID").submit( function() { ... } );
Дополнительные темы, вопросы
•
jQuery.fn и jQuery.prototype это тоже самое
WWW сайты для изучения JQuery
•
Сайты для изучения JQuery
Ваши вопросы присылайте по почте:
info@dir.by
Афишу
Ваши Отзывы ... комментарии ...