jQuery

"write less, do more"

IE 6.0+

FF 2.0+

Safari 3.0+

Opera 9.0+

Chrome

jquery.com

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

jQuery('.active');

===

$('.active');

https://jsfiddle.net/kjcjrce6/1/

$(function() {

    //Ваш код

});

Работа с классами:

• hasClass() 
• addClass()
• removeClass() 
• toggleClass() 

$('div').removeClass('hide').addClass('show');

Работа с атрибутами:

• attr() 
• removeAttr()

https://jsfiddle.net/kjcjrce6/4/

$('a').attr('href');

$('a').attr('href', 'https://www.google.ru');

$('a').removeAttr('href');

• click()
• dbclick()
• hover()
• mouseover()
• ...

$('div').click(function() {

    alert('click-click');

});

$('div').on('click', function() {

    alert('click-click');

});

$('div').one('click', function() {

    alert('click-click');

});

https://jsfiddle.net/kjcjrce6/3/

$('div').each(function(i, elem) {

    //i - порядковый номер 

    //elem - текущий элемент выборки

});

https://jsfiddle.net/kjcjrce6/5/

• fadeIn(fast/slow/normal)
• fadeOut()
• fadeTo()
• fadeToggle()
• hide()
• show()
• sdileDown()
• slideToggle()
• slideUp()

https://jsfiddle.net/kjcjrce6/6/

Плагин jQuery Mask

https://jsfiddle.net/kjcjrce6/9/

Вопросы?

• animate(fast/slow/normal)
• stop()

https://jsfiddle.net/kjcjrce6/8/

*Лучше использовать CSS3 animation!*