.colored { color: red; }
<button id="button">click me</button>
<p id="target">target element</p>
var button = document.getElementById('button');
var target = document.getElementById('target');
button.addEventListener('click', function(){
target.classList.toggle('colored'); // или target.classList.set('colored'), чтобы кнопка только включала стиль, но не выключала его
});
Object.prototype.any = function() {
console.log('object.any');
return this;
};
Array.prototype.any = function() {
console.log('array.any');
return this;
};
// или -----------------------------------------------
Object.defineProperty(Object.prototype, 'any', {
value: function() {
console.log('object.any');
return this;
},
enumerable: false,
writable: true // for assigment operation (=) support
});
Array.prototype.any = function() {
console.log('array.any');
return this;
};
// или -----------------------------------------------
Object.defineProperty(Object.prototype, 'any', {
value: function() {
console.log('object.any');
return this;
},
enumerable: false
});
Object.defineProperty(Array.prototype, 'any', {
value: function() {
console.log('array.any');
return this;
},
enumerable: false
});
// ---------------------------------------------------
[].any(); // array.any
({}).any(); // object.any
$(".dragItem").resizable({
maxHeight: 100,
maxWidth: 100,
minHeight: 50,
minWidth: 50,
aspectRatio: true
});
$('.dragItem').draggable({
containment: '#container',
helper: 'clone'
});
$('.container').droppable({
drop: function( event, ui ) {
ui.draggable.clone().appendTo(".container");
}
});
function AppCtrl($scope, $controller) {
$controller('AbstractCtrl', { $scope: $scope });
}
// или
function AppCtrl($controller) {
$controller('AbstractCtrl', { vm: this });
}
Как мне показалось, что весь ее функционал можно заменить с помощью Lodash и Promises.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
var json = { a: 1, b: { c: 2, d: 3 } };
alert(JSON.stringify(json, null, 4));
/*
{
"a": 1,
"b": {
"c": 2,
"d": 3
}
}
*/