Question

我有一个使用媒体查询的课程：

的CSS：

@media only screen and (min-width: 58.75em)
.top-bar-section ul li {
  border-left: 1px solid #fff;
  transform: skewX(15deg);
}

现在，如果City()的值是伦敦，我想更改上面的css说：

 @media only screen and (min-width: 58.75em)
    .top-bar-section ul li {
      border-left: 1px solid #fff;
      transform: skewX(-15deg);
    }

我的javascript是：

if (City() == "London"){
//change the css class from the first example to the 2nd?
}

有关如何使用jQuery更改类css的任何帮助？谢谢，约什

Answer 1

为了指定css，你可以使用jQuery的.css() - 函数：

$('.top-bar-section ul li').css({
  '-webkit-transform' : 'skewX(-15deg)',
  '-moz-transform'    : 'skewX(-15deg)',
  '-ms-transform'     : 'skewX(-15deg)',
  '-o-transform'      : 'skewX(-15deg)',
  'transform'         : 'skewX(-15deg)'
});

Demo

或者您可以指定第二个类，例如：

.top-bar-section ul li.london {
    transform: skewX(-15deg);
}

并致电

$('.top-bar-section ul li').addClass('london');

在你的if条件中。要删除课程，您可以使用.removeClass()

<强>参考

.css()

.addClass()

.removeClass

Answer 2

是的，你可以在jQuery的帮助下做，如果指定的条件为真，则添加jQuery newClass，反之亦然，使用jQuery removeClass。

Answer 3

你可以使用addClass和removeClass方法来实现它。

Answer 4

您可以使用带有类属性的jQuery更改类，这里是documentation

使用jquery更改类css

4 个答案: