Я пытаюсь назначить свойства css через jQuery и использовать ярлык var
var abc = 'visibility: \'hidden\', opacity: 0';
$('#ele').children().css({ abc });
но он не принимает имя abc var во второй строке, я получаю Неожиданный токен в консоли. как мой синтаксис неверен?
Вы должны сделать свой abc var похожим на следующее:
var abc = {'visibility':'hidden','opacity':0};
а затем передать его в функцию css следующим образом:
$("#ele").children().css(abc);
Первая строка - это "хэш" или "словарь", где вы присваиваете внутренние ключи значениям - вызывая {abc} на второй строке, которую вы вызываете {{....}}, что неверно.
Если вы по какой-то причине должны назначить свой начальный var как строку - используйте JSON.parse для преобразования его в объект:
var abc = '{"visibility": "hidden", "opacity": 0}';
$('#ele').children().css(JSON.parse(abc));
В противном случае используйте решение @EmileVictor, сделав его объектом с самого начала.
abc
не является допустимым форматом любого известного контекста настройки стиля. Вы только что сделали это или что-то в этом роде?