jQuery - JavaScript библиотека для удобной работы с HTML

Поиск

Программирование, разработка, тестирование

→

jQuery - JavaScript библиотека для удобной работы с HTML

jQuery - JavaScript библиотека для удобной работы с HTML

Что такое 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

Ваши Отзывы ... комментарии...

Языки программирования и другое

Программы для разработки (интегрированные среды для разработки IDE)

Microsoft Visual Studio (среда разработки для написания программ на C#, С++, Javascript, ASP.NET приложений)

Visual Studio Code (редактор кода для написания программ на JavaScript, Perl, Python, Java, C#)

HTML

Html & CSS

SCSS файл (с помощью компилятора SASS получаем CSS файл)

LESS файл (с помощью компилятора получаем CSS файл)

Интерактивная реклама в HTML (animate banner)

Google Web Designer - редактор для создания рекламы, animate banner и т.д. в виде HTML страницы, и в виде HTML AMP страниц (ускоренные мобильные страницы)

WEB сайт

Создание Web сайта и управление (регистрация сайта, копирование файлов на сайт, сохранение базы данных)

Комания Yandex. Yandex сервисы для Web сайта (счетчик посещений, карта улиц, переводчик языков, контекстная реклама, ...)

Комания Google. Google сервисы для Web сайта (проверить скорость загрузки страницы web сайта)

Javascript, TypeScript

JavaScript - язык программирования для HTML

Underscore.js

jQuery - JavaScript библиотека для удобной работы с HTML

Knockout.js - JavaScript библиотека для свзяывания HTML элемента с js переменной

TypeScript - язык программирования похожий на JavaScript. TypeScript использует типы, классы, наследование. TypeScript преобразуется в JavaScript

Кнопки, текстовые поля и другие элементы на WEB странице

Bootstrap - кнопки, меню, диалог, slider ... Контейнеры для размещения элементов

jQuery UI - кнопки, меню, диалог, slider, spinner и так далее. Эфекты: растягивание, перетаскивание и так далее

jq Plot - диаграммы, графические линии

PivotTable - таблицы, графики

Telerik, Kendo UI - это элементы: DropDownList, ComboBox, AutoComplete, Calendar, редактор текста, excell, chart и так далее

JavaScript технологии

Node.js (это web сервер исполняющий js файлы)

React

AngularJS (это Angular версии 1.0)

Angular версии 8

Angular версии 9

Angular версии 12

RxJs (это реактивное программирование и в основном используется в Angular)

JavaScript графика, анимация для игр

PixiJS - JavaScript библиотека для быстрого рисования графики 2D (является самым быстрым и гибким графическим рендерером 2D, WebGL)

p5.js - JavaScript библиотека для рисования графики 2D (рисование картинок, линий, движений), 3D графики (рисования материалы, свет, текстура)

Three.js - JavaScript библиотека для рисования графики 3D на страницах HTML

JavaScript менеджер пакетов (добавление JavaScript библиотек в ваш Web проект)

npm - это менеджер пакетов для Node.js. npm добавляет JavaScript библиотеки в папку node_modules

Webpack - это САМЫЙ ПОПУЛЯРНЫЙ менеджер пакетов. Webpack добавляет JavaScript библиотеки в ваш проект

Yarn - это менеджер пакетов. Yarn добавляет JavaScript библиотеки в ваш проект

Parcel - это менеджер пакетов. Parcel добавляет JavaScript библиотеки в ваш проект

Bower - это менеджер пакетов. Bower добавляет JavaScript библиотеки в ваш проект. Bower сейчас НЕ ПОДДЕРЖИВАЕТСЯ (не добавляет новых JavaScript библиотек)

Автоматическое выполнение задач в вашем Web проекте

Gulp - это JavaScript программа для автоматического выполнения задач (объединения файлов, уменьшение размера картинок) в вашем Web проекте

Grunt - это JavaScript программа для автоматического выполнения задач (объединения файлов, уменьшение размера картинок) в вашем Web проекте

База данных (My SQL)

MySQL (база данных, server) и Workbench (программа для работы с my sql). Работает на разных платформах: Unix, Windows

База данных (Microsoft SQL Server)

Microsoft SQL Server (база данных, server) и SQL Management Studio (программа для работы с sql server). Работает только в Windows

Microsoft SQL (язык запросов в базе данных)

База данных (PostgreSQL)

PostgreSQL сервер (база данных) и pgAdmin (программа для работы с PostgreSQL сервер). Работает на разных платформах: Unix, Windows

Работа с базой данных на C#

ADO.NET (работа с базой данных на C#)

Entity Framework (EF5, EF6) для работы с базой данных на C#

Entity Framework Core (EF Core) для работы с базой данных на C#

Работа с Redis

Интернет, HTTP, TCP, UDP, FTP протоколы

HTTP протокол (для web страниц), FTP/FTPS протокол (для передачи файлов), TCP протокол (для соединения между компьютерами), IP-адрес ...

RabbitMQ

Microsoft C# и .NET

C# (язык программирования)

ReSharper (JetBrains). Улучшение кода В Visual Studio 2017 для C# приложений

Managed C++ (переходный код между C++ и C#)

Windows Forms (отдельное приложение exe файл)

Windows Service (используя C#)

WPF. Windows Presentation Foundation (отдельное приложение exe файл)

ASP.NET Web Forms (web сайт на aspx страницах). Это устаревшая технология!

ASP.NET MVC (web сайт на архитектуре Model-View-Controller)

.NET Core

.NET Core Web API (веб-служба работающая по протоколу HTTP)

Windows Communication Foundation (веб-служба работающая через интерфейсы)

Silverlight

Microsoft XNA

Xamarin (приложение на C# для iOS, Android, Windows Phone)

Юнит тестирование (MSTest, NUnit, xUnit, Moq) и Автоматическое тестирование (компьютер сам водит мышкой)

Собеседование (вопросы и задания C# и платформа .NET)

Microsoft Visual Basic

Microsoft Visual Basic & Excell

Microsoft Office 365 E3 (Web services)

Microsoft Office 365 E3 (Teams plug-in, SharePoint web api)

Twilio (sms)

Twilio (send sms)

Python

Java

Java

Android телефон, планшет (пишем приложение на Java, игру на C++)

Android телефон, планшет (разработка программ)

Mobile Development with C++ (Android, iOS)

Mobile Development with C++ (iOS, Android, Windows Phone)

Flutter & Dart

Flutter - фрэймворк для создания мобильных приложений от компании Google

Облачные технологии

Microsoft Azure & Azure DevOps (облачные технологии)

Amazon Web Services (облачные технологии)

Google Cloud Platform (облачные технологии)

Heroku (облачные технологии)

Рисуем блок схемы (диаграммы) для программы

Рисуем блок схемы (диаграммы) для программы

Резюме (как найти работу)

Как написать резюме, причины перехода на другую работу

Автоматизированное тестирование

Selenium WebDriver (для автоматизированного тестирования веб-приложений)

Рефакторинг & Паттерны

Паттерны, шаблоны проектирования | принципы ООП | рефакторинг кода

Методологии управления проектами

Agile, scrum, kanban. Методологии в управлении IT-проектам. В чем разница?

Правила разработки web приложений в Яндекс

Управление версиями проекта, история измененных файлов

Git (управление версиями проекта, история измененных файлов) | Git Extensions | GitHub.com | git in Team Explorer for Visual Studio 2017

Svn (управление версиями проекта, история измененных файлов) | TortoiseSVN (работаем с SVN под Windows)

Математические алгоритмы

Математические алгоритмы (пересечение прямоугольников, массивы, графы)

CI/CD

Непрерывная интеграция (автоматическая сборка проекта, развертывание проекта на удаленный компьютер) | CI/CD

Docker

Docker (упаковка web приложения в контейнер)

Kubernetes

Kubernetes (запуск контейнеров на виртуальных машинах и балансировка нагрузки виртуальных машин)

Микрослужбы

Микрослужбы (Microservices)

Еще языки программирования

PHP (язык программирования для быстрого написания Web сайта)

Разработка игр

Разработка игр | для телефонов на Unity, MonoGame | для браузера Google Chrome на JavaScript, HTML | рисуем графику

Технологии для написания игр

MonoGame - разработка 2D игр на C# для Android, iOS, Windows

Unity - разработка 3D игр на C# для Android, iOS, Windows

LibGDX - разработка игр на Java для Android

SmartFoxServer - библиотека multiplayer на Java, C#, JavaScript, Unity, для Android, iOS

Интернет браузеры

Интернет браузер "Google Chrome"

Telegram (месенджер)

Telegram (месенджер)

WEB сервер

Что такое WEB сервер ?

bat файлы

.bat файл (командная строка)

.htaccess Файлы

.htaccess файл (Команды)

Viber

Viber. Устанавливаем (на Windows или phone). Переносим Viber сообщения и Viber фото.

Операционная система LINUX

Ubuntu (linux) Virtual Machine on Windows 10

Ubuntu (in console as WSL) on Windows 10

Операционная система Mac OS

Mac OS Virtual Machine on Windows 10

Операционная система WINDOWS и программы

Windows 7 (операционная система и программы) | скачиваем и устанавливаем

Windows 10 (операционная система и программы) | скачиваем и устанавливаем

Ofiice 365 (для Windows 10) | скачиваем и устанавливаем

Microsoft Teams (для Windows 10) | скачиваем и устанавливаем

Операционная система ANDRIOD

Операционная система iOS

iOS (операционная система для iPhone телефонов, iPad планшетов, MacBook ноутбуков)

Компьютерная платформа (процессор)

x86 процессоры

ARM процессоры

Ноутбук (BIOS)

В ноутбуке не работают клавиши F1 ... F2 как надо. Проблема: я открываю браузер Google Chrome и нажимаю кнопку F5 чтобы перезагрузить страницу, а у меня включается подсветка клавиатуры.

Быстродействие компьютера (процессора)

Сравниваем быстродействие компьютера (процессора) на сайте http://userbenchmark.com

Заходим на удаленный компьютер (чтобы помочь кому нибудь что нибудь настроить)

TeamViewer (заходим на удаленный компьютер)

Графика и видео

2D графические редакторы

Adobe Master Collection - графические редакторы (Photoshop растровая графика, Illustrator векторная графика)

3D графические редакторы

Maya (autodesk) - редактор 3D графики

Blender - редактор 3D графики

Видео

Видео (редактирование, создание)

Online: просмотр Word файлов, конвертация PDF файлов, распознование картинки в текст

Просмотр и редактирование Word файлов (doc, docx) ОНЛАЙН

Просмотр и редактирование Word файлов (doc, docx), Adobe (pdf) ОНЛАЙН

PDF to word, images

Convert PDF to Word (online)

Convert FB2 to PDF (online)

Распознавание картинки в текст

Распознать (перевести) картинку в текст (ONLINE)

Регулярные выражения

Регулярные выражения (проверить онлайн)

Поставить HD Video Box в Windows

Поставить HD Video Box в Windows

Как купить английские книги и читать?

Как купить английские книги и читать

Chemical, analytics laboratory

Chemical, analytics laboratory (Chromatography / Mass Spectroscopy)

Концерты, выставки

Рассказы (отдых в парке, на концерте)

Спортивные занятия

Детские центры

Бесплатные объявления

Праздники

Скидки в магазинах Минска

Домашние животные

Программирование и технологии

Путешествия

Рассказы о путешествиях

Форум (обсуждение)

vsedetkam.by для детей

Ваши вопросы присылайте по почте: info@dir.by