javascript - 在我的案例中如何隐藏和显示 div 边框线？

Question

我有一个 div 元素:

<div id="fruit-part">
      <input type="radio" name="fruits" value="apple">Apple
      <input type="radio" name="fruits" value="orange">Orange
</div>

我的css定义div边框颜色

#fruit-part {
     border: 1px solid #cc3;
}

通过使用 jQuery:$('#fruit-part').hide() 和 $('#fruit-part').show() 我可以轻松隐藏和显示 div 中的内容，但不是 div 边框线。

正如您在上面看到的，我的 div 有一条颜色为“#cc3”的边框线，我想知道，如何使用 jQuery 来隐藏和显示 div 边框线？

Answer 1

将您的 CSS 属性移动到一个类，然后从 fruit-part 添加/删除该类。

.bordered {
    border: 1px solid #cc3;
}

#fruit-part {}

$('#fruit-part').addClass('bordered');
$('#fruit-part').removeClass('bordered');