Question

您好javascript classic asp页面中有此代码。没有css类，所以一切都在javascript

完成

var $a= $('#a'), $v= $('#v'), $s= $('#s'), $n= $('#n');

如何在不重复.css({ 'border-width': '2px' })样式的情况下将以下css css应用于所有这些变量

我尝试了这个$([$a, $v, $s]).css({ 'border-width': '2px' });，但它不起作用。请任何人帮忙。感谢

Answer 1

您可以直接使用元素，而不是使用变量。多个元素应以逗号分隔。

@media only screen and (max-width: 500px) {
  td {
      float: left;
      margin-right:10px;
      width: 45%;
  }
  td:nth-child(3) {
      clear: left;
  }
  .icon{
    width:100%!important;
    height:100%!important;
  }
}

Answer 2

只有css：

#a, #v, #s, #n { border-width: 2px; }

使用js：

$('#a, #v, #s, #n').css({ 'border-width': '2px' });

Answer 3

存储您的缓存变量并将其用于下面，以实现可重用性

var cachevar = $('#a, #v, #s, #n');
cachevar.css({ 'border-width': '2px' });

将css样式应用于多个jquery缓存变量而不重复css样式

3 个答案: