为什么这个jQuery代码没有从div工作中删除边框？

Question

我正在尝试使用jQuery删除div的边框,但它不起作用.我究竟做错了什么？

HTML:

<!DOCTYPE html>
<html>
<head>
  <style>
  div { width: 200px; height: 150px; background-color: #f33; border: 10px solid silver;}
  </style>
</head>
<body>
  <div id="a1"></div>
  <br>
  <br>
  <div id="a3">click</div>  
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$("#a3").click(function() {
    $('#a1').css("border", ""); 
}):

Run Code Online (Sandbox Code Playgroud)

Answer 1

SLa*_*aks 16

元素ID不能以数字开头
你的脚本以:,而不是;
设置border为none,而不是空字符串

Answer 2

tva*_*son 6

即使你得到了正确的ID,我想你也想要.

$("#three").click(function() {
    $('#one').css("border", "none"); 
});

Run Code Online (Sandbox Code Playgroud)

如果将边框样式设置为空字符串,则不会覆盖CSS给出的样式.您需要为其提供一个将应用的值.使用空字符串将删除元素上的样式属性,使内联样式标记的级联样式保持应用.

归档时间：	14 年，9 月前
查看次数：	11391 次
最近记录：	14 年，9 月前