Question

我想用相同的值更新很多对象类的css。例如：

        showRight.onclick = function() {
            classie.removeClass(hideRight, 'active');
            classie.addClass(this, 'active');
            classie.addClass(menuRight, 'modal-open');
            disableOther('showRight');
        };
        hideRight.onclick = function() {
            classie.removeClass(showRight, 'active');
            classie.addClass(this, 'active');
            classie.removeClass(menuRight, 'modal-open');
            disableOther('hideRight');
        };

我正在使用一个小部件框架，其中有数百个类，我需要使用少量jquery函数更新其css，有点像简化的themeroller可视化。目前我正在浏览我的css文件并在我的代码中将类添加到javascript数组中，然后用户可以在更新{{1}时通过自动触发的$("selector1").css("background-color", "#abc"); $("selector2").css("background-color", "#abc"); ... $("selector50").css("background-color", "#abc");函数更新css }，例如。

将所有窗口小部件类组装到一个数组中非常需要手动密集。有更聪明的方法吗？

Answer 1

您可以为所有元素使用公共类。请注意，元素可以有多个类。然后你就可以使用了，

$(".commonClass").css("background-color", "#abc");

或者您也可以使用这样的逗号分隔选择器，

$("selector1,selector2,selector3").css("background-color", "#abc");

另一个选项是使用属性starts with selector。

$("[id^=selector]").css("background-color", "#abc");

这将选择所有元素，其id以＆＃34;选择器＆＃34;。

开头

Answer 2

使用逗号分隔的多个选择器。像这样：

$("selector1,selector2").css("background-color", "#abc")

如何在jquery中有效地更新多个选择器类的css

2 个答案: