jquery - 如何在 jquery 中不再使用 css 来获取 css 参数

Question

这是我们做的CSS

width: 200px;
height: 100px;
background-color: #f00;

当我们不想再使用 css 时，我们可以只添加一个斜杠或 css 不理解但所有其他 css 都可以使用的任何内容

widt/h: 200px;
height: 100px;
background-color: #f00;

但我想在 jquery 中做到这一点，就像marginLef/t在 jquery 中一样，它不再适用于所有其他参数。

示例 jQuery

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("h2").animate({backgroundColor: '#00f', width: '-=150px', marginLef/t: '50px'});
  });
});
</script>

Answer 1

不要破坏你的代码，而是使用注释。对于 CSS：

/* width: 200px; this rule is obsolete for now */
height: 100px;
background-color: #f00;

在 Javascript 中：

alert('this line is executed');
// alert('this line is not');
/* removed following line in a multiline comment
alert('also not being executed');
*/

注释可确保不会将值作为一个整体进行解析，并且不会破坏解析器/编译器以及其他功能。

虽然 CSS 标准明确定义应该忽略格式错误的规则，并且仍然应用其他有效规则，但在像 Javascript 这样的编译器语言中，它只会破坏整个执行。

Answer 2

通过制作两个不同的类，另一个有宽度，一个没有宽度，会不会更容易。然后只需使用 addClass 和 removeClass 或 toggleClass 用 jQuery 更改元素的类。