foo.onmouseover = function(){
this.classList.toggle('rotate')
}img {
transition: transform 1s ease;
}
.rotate {
transform: rotate(45deg);
}foo.onclick = function(){
this.classList.toggle('rotate')
}img {
transition: transform 1s ease;
}
.rotate {
transform: rotate(180deg);
}$data = []; // здесь ваш массив
usort($data, function ($a, $b) {
return $a['likes']['count'] - $b['likes']['count'];
});
print_r($data);$('.modal-close, .modal-window').click(function (e) {
if (this === e.target) {
$(".modal-window").hide();
}
});let option = $(this).data('option');
$('#select_user').val(option).change()document.body.addEventListener('load', myLog, true)
document.body.addEventListener('error', myLog, true)
function myLog(evt) {
if( evt.target.tagName == 'IMG'){
console.log('my logger:', evt)
}
}.andSelf() ... deprecated: 1.8, removed: 3.0https://api.jquery.com/andself/
$('li')
.eq(3)
.css('background', 'green')
.siblings()
.css('color', 'red')let wrapper = document.querySelector('.wrapper')
wrapper.addEventListener('click', function(evt) {
let index = [...this.children].findIndex(el => el == evt.target)
console.log(index)
})@keyframes green-flash {
from { color: lightgreen; }
to { color: inherit; }
}
.make-it-flash {
position: relative;
animation: green-flash 3s ease;
}function restartAnimation(elem, classname) {
elem.classList.remove(classname);
void elem.offsetWidth;
elem.classList.add(classname);
}ReferenceError: formatCurrency is not defined
let link = document.querySelector('a')
link.addEventListener('click', function(evt) {
evt.preventDefault()
window.open(
this.href,
'',
'width=600, height=600')
})$('.audio__select').click(function(e) {
e.preventDefault();
$('.audio__list').removeClass('active') // закрыть все
$(this).parent().find('.audio__list').toggleClass('active');
});- новый метод F (я вероятно ошибаюсь);
'use strict';
class User { // класс в стиле es-2015
constructor(name) {
this.name = name;
}
sayHi() {
console.log('Hi, ', this.name);
}
}
// "старый" стиль продолжает работать,
// чо с ним сделается то.
User.prototype.sayHo = function() {
console.log('Ho-ho-ho, ', this.name);
};
let user = new User("Вася");
user.sayHi();
user.sayHo();