Question

在Javascript中，我可以创建一个div（一个带有实线边框的矩形），将其显示设置为none，然后使用{'display'：''}将其显示设置更改为显示自己

例如：

var overlay = $('<div class="area"></div>')
    .css({position: 'absolute', left: l + 'px',
    top: t + 'px', border: 'solid', borderColor: 'red', display: 'none' }). 

overlay.css({'display': ''}); 
});

我想制作一个CSS类，将其元素显示设置为默认值：

<style id="default">.default { display: '';}</style>
<div class="default"></div>

这不起作用。谁能告诉我这个语法的正确用法？

Answer 1

＆＃13;

$('a.show').click(function() {
  $('.area').addClass('show');
});
$('a.hide').click(function() {
  $('.area').removeClass('show');
});

＆＃13;

.area {
  position: absolute;
  left: lpx;
  top: 30px;
  display: none;
  width: 50px;
  height: 50px;
  border: 5px solid red;
}
.area.show {
  display: block;
}
a {
  display: inline-block;
  margin: 0;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="area"></div>
<a class="show">SHOW</a>
<a class="hide">HIDE</a>

＆＃13;

相当于样式表中的{'display'：''}

1 个答案: