06 HTML/CSS/jQuery

06.md

@@ -135,7 +135,7 @@
 #### CSS-Селекторы
 
 Для того, что бы определить *стиль* (внешний вид) тех или иных элементов в дереве HTML-тэгов, нужен способ указания множества тэгов, к которым
-применяется стиль. Этот способ называется **CSS-Selector**, и пишется на специальном "языке", который позволяет осуществлять поиск в дереве тэгов
+применяется стиль. Этот способ называется **CSS-Selector**, и пишется на специальном языке, который позволяет осуществлять поиск в дереве тэгов
 и задавать им стиль.
 ```css
 * {  /* все тэги */
@@ -170,3 +170,26 @@ a.mainmenu {  /* все тэги a, в которых параметр class="ma
 Таким образом с помощью языка **CSS-Селекторов** вы можете выбрать множество тэгов внутри **HTML**-документа и применить те или иные настройки внешнего
 вида к ним. 
 
+Для изучения **HTML** и **CSS** используйте [google](http://google.com), [HTMLBOOK](http://htmlbook.ru) и **Developer Tools**, который позволяет
+наглядно увидеть структуру **HTML** и стили, связанные с элементами в **HTML**.
+
+### jQuery
+
+**jQuery** это библиотека, написанная на **JavaScript**, которая унифицирует и упрощает работу с **HTML** и **CSS**, используя встроенные функции
+**JavaScript**. Для работы с элементами **HTML** обычно используются **CSS-Селекторы** и **функции обратного вызова**.
+
+```javascript
+$("#someId").click(function(){
+    alert("Вы нажали на элемент #someId");
+});
+
+$("#addButton").click(function(){
+    var a = +$("#aInput").val();
+    var b = +$("#bInput").val();
+
+    alert("Сумма а и b: " + (a + b));
+});
+```
+
+Пример выше назначает обработчик события `click` (клик левой кнопкой мыши) на элементы с id="someId" и id="addButton", после чего выполняют
+определенные действия. Обработчик кнопки сложения так же предполагает наличие полей ввода c id="aInput" и id="bInput".