Основы jQuery
16jQuery

Jquery - это сторонняя библиотека для JS, помогающая уменьшить количество необходимого кода, параллельно увеличив функционал языка. Библиотека кроссбраузерная, поэтому код будет корректно отображаться в любом современном браузере.

jQuery Selectors

Селекторы - одна из самых важных частей библиотеки jQuery.

<div>
    <p></p>
    <p></p>
</div>
<div></div>
<script>
$(document).ready(function() {
 #appends text to all p elements 
 $('p').append('This is paragraph.');
 #appends text to all div elements 
 $('div').append('This is div.);
}); 
</script>

$('div') - Найти все элементы <div>

$('p,div,code') - Найти элементы <p>, <div> и <code>

$('div p') - Найти все элементы <p>, которые являются потомками <div>

$('div> p') - Найти <p>, который является дочерним элементом <div>

$(*) - Найти все элементы

$('#myDiv') - Найти элемент с идентификатором myDiv

$('div #myDiv') - Найти элемент <div> с идентификатором myDiv

$('#myDiv1, #myDiv2') - Найти несколько элементов по идентификатору, разделенных запятой.

$('.myCSSClass') - Найдите все элементы с class = myCSSClass.

$('.myCSSClass1, .myCSSClass2') - находит все элементы, атрибут класса которых установлен на myCSSClass1 или myCSSClass2

$('div.myCSSClass') - находит все элементы <div> с class = myCSSClass

$('p:first-child') - Найти все элементы <p>, которые являются первым дочерним элементом своего родительского элемента. (родительский элемент может быть любым)

$("p:last-child") - выбирает все элементы <p>, которые являются последними дочерними элементами его родительского элемента. (родительский элемент может быть любым)

$("p:nth-child(5)") - выбирает все элементы <p>, которые являются 5-м дочерним элементом своего родительского элемента. (родительский элемент может быть любым)

$("p:nth-last-child(2)") - выбирает все элементы <p>, которые являются вторым последним дочерним элементом своего родительского элемента. (родительский элемент может быть любым)

$("p:only-child") - выбирает все элементы <p>, которые являются единственным дочерним элементом своего родительского элемента. (родительский элемент может быть любым)

$('[class]') - Найти все элементы с атрибутом класса (независимо от значения).

$('div[class]') - Найдите все элементы <div>, у которых есть атрибут класса (независимо от значения).

$('div[class=myCls]') - Найти все элементы <div>, атрибуты класса которых равны myCls.

$('div[class|=myCls]') - Найти все элементы <div>, чьи атрибуты класса либо равны myCls, либо начинаются со строки myCls, за которой следует дефис (-).

$('div[class*="myCls"]') - выбирает элементы <div>, атрибуты класса которых содержат myCls.

$('div[class~= myCls]') - выбирает элементы div, атрибуты класса которых содержат myCls, разделенные пробелами.

$("div[class$='myCls']") - выбирает элементы <div>, значение атрибута класса которых заканчивается на myCls. При сравнении учитывается регистр.

$("div[class!='myCls']") - выбирает элементы <div>, у которых нет атрибута класса или значение не равно myCls.

$("div[class^='myCls']") - выбирает элементы <div>, значение атрибута класса которых начинается с myCls.

$("div:contains('tutorialsteacher')" - выбирает все элементы <div>, содержащие текст 'tutorialsteacher'.

$(":input") - выбирает все входные элементы.

$(":button") - выбирает все элементы ввода, где type = "button".

$(":radio") - выбирает все типы ввода, где type = "radio"

$(":text") - выбирает все элементы ввода, где type = "text".

$(":checkbox") - выбирает все элементы флажка.

$(":submit") - выбирает все элементы ввода, где type = "submit".

$(":пароль") - выбирает все элементы ввода, где type = "пароль".

$(":reset") - выбирает все элементы ввода, где type = "reset".

$(':image') - выбирает все элементы ввода, где type = "image".

$(':file') - выбирает все элементы ввода, где type = "file".

$(':enabled') - выбирает все включенные элементы ввода.

$(':disabled') - выбирает все отключенные элементы ввода.

$(':selected') - выделяет все выбранные элементы ввода.

$(':checked') - выбирает все отмеченные элементы ввода.

$(':hidden') - выбирает все скрытые элементы.

$(':visible') - выбирает все видимые элементы.

$('tr:odd') - выбирает все нечетные строки. (1,3,5,7 ..)

$('tr:even') - выбирает все четные строки. (0,2,4,6 ..)

Методы событий в jQuery