Javascript 在我的例子中如何隐藏和显示div边界线？

我有一个div元素：

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

通过使用jQuery:

$（“#水果部分”）.hide（）

和

$（“#水果部分”）.show（）

我可以轻松地隐藏和div中的内容，但不能显示div边界线

---

正如您在上面看到的，我的

div

有一条带颜色“#cc3”的边框线，我想知道，如何使用jQuery来隐藏和显示div边框线？

使用jQuery的

css

方法：

$("#fruit-part").css("border", "");

---

使用JQuery的

css

方法：

$("#fruit-part").css("border", "");

---

$（'水果部分'）.css（'边框'，''）

和

$（'#水果部分'）.css（'border'，'1px solid#cc3'）
$（“#水果部分”）.css（'border'，”
和
$（'#水果部分'）.css（'border'，'1px solid#cc3'）
将CSS属性移动到一个类，然后从
水果部分添加/删除该类

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

#fruit-part {}


将CSS属性移动到类中，然后从
水果部分添加/删除该类

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

#fruit-part {}


您只需使用
$（“#水果部分”）.toggle（）
显示和隐藏整个div

演示-
您只需使用
$（“#水果部分”）.toggle（）
显示和隐藏整个div

演示-
是的，我用过，我的问题实际上是应该有什么价值？我尝试了“无”，它隐藏了边界线，但如何显示它呢？我尝试了“solid#cc3”，但它用黑色显示边框线使用
$（“水果部分”）.css（“border”，“1px solid#cc3”）
再次显示边框。如果您不喜欢空字符串隐藏边框，请使用
“0 none#fff”
；我在firefox上使用了“1px solid#cc3”，我得到了黑色边框。如果你想显示边框，你应该使用
“1px solid#ccs”
。要完全隐藏边框，请使用
“0px none#fff”
。要保留边框，但不显示边框，请使用
“1px solid#fff”
（假设您的背景色为
#fff
）。是的，我使用了，我的问题实际上是应该有什么值？我尝试了“无”，它隐藏了边界线，但如何显示它呢？我尝试了“solid#cc3”，但它用黑色显示边框线使用
$（“水果部分”）.css（“border”，“1px solid#cc3”）
再次显示边框。如果您不喜欢空字符串隐藏边框，请使用
“0 none#fff”
；我在firefox上使用了“1px solid#cc3”，我得到了黑色边框。如果你想显示边框，你应该使用
“1px solid#ccs”
。要完全隐藏边框，请使用
“0px none#fff”
。要保留边框，但不显示边框，请使用
“1px solid#fff”
（假设您的背景色为
#fff
）。
$('#fruit-part').addClass('bordered');
$('#fruit-part').removeClass('bordered');