Javascript css不起作用

我有下面的代码，它似乎根本不起作用。没有划定边界。我知道有什么问题吗？（我正确地包含了jQuery，因为使用它的其他部分可以正常工作）

$（文档）.ready（函数（）{
$（'#login'）.css（{“border”：“3px纯黑”}）；
});
函数顺序（）{
$（'#login'）.css（{“border”：“1px纯黑”}）；
}
用户名：

选择器匹配“id为'login'的元素”，但元素的id为'login'

从ID中删除

#

。HTML 4中的ID中不允许使用该字符。

选择器匹配“ID为'login'的元素”，但元素的ID为'login'

---

从ID中删除

#

。HTML 4中的ID中不允许使用该字符。

永远不会调用设置边框。您的ID中不应该有#

 <script>
$(document).ready(function() {
    $('#login').css({"border":"3px solid black"});
     setBorder();

});
function setBorder() {
    $('#login').css({"border":"1px solid black"});
}
</script>
<div id="login">
    <form>
        Username: <input type="text" /><input type="button" value="Log in" onclick="setBorder();"/>
    </form>
</div>

$（文档）.ready（函数（）{
$（'#login'）.css（{“border”：“3px纯黑”}）；
订单号（）；
});
函数顺序（）{
$（'#login'）.css（{“border”：“1px纯黑”}）；
}
用户名：

永远不会调用设置边框，您的id中也不应该有#

 <script>
$(document).ready(function() {
    $('#login').css({"border":"3px solid black"});
     setBorder();

});
function setBorder() {
    $('#login').css({"border":"1px solid black"});
}
</script>
<div id="login">
    <form>
        Username: <input type="text" /><input type="button" value="Log in" onclick="setBorder();"/>
    </form>
</div>

$（文档）.ready（函数（）{
$（'#login'）.css（{“border”：“3px纯黑”}）；
订单号（）；
});
函数顺序（）{
$（'#login'）.css（{“border”：“1px纯黑”}）；
}
用户名：

您必须将

id=“#login”

更改为->

id=“login”

您必须将

id=“#login”

更改为->

id=“login”

您的代码有两个问题：

ID登录不需要html中的#

您调用的.css函数是$elem.css（'property'，'newvalue'））

正确的代码是

<script>
$(document).ready(function() {
    $('#login').css("border","3px solid black");
});
function setBorder() {
    $('#login').css("border","1px solid black");
}
</script>
<div id="login">
    <form>
        Username: <input type="text" /><input type="button" value="Log in"     onclick="setBorder();"/>
    </form>
</div>

$（文档）.ready（函数（）{
$（'#login'）.css（“边框”，“3px纯黑色”）；
});
函数顺序（）{
$（'#login'）.css（“边框”，“1px纯黑色”）；
}
用户名：

您的代码有两个问题：

ID登录不需要html中的#

您调用的.css函数是$elem.css（'property'，'newvalue'））

正确的代码是

<script>
$(document).ready(function() {
    $('#login').css("border","3px solid black");
});
function setBorder() {
    $('#login').css("border","1px solid black");
}
</script>
<div id="login">
    <form>
        Username: <input type="text" /><input type="button" value="Log in"     onclick="setBorder();"/>
    </form>
</div>

$（文档）.ready（函数（）{
$（'#login'）.css（“边框”，“3px纯黑色”）；
});
函数顺序（）{
$（'#login'）.css（“边框”，“1px纯黑色”）；
}
用户名：

正如其他人所说，您需要从ID中删除

#

，因为它不允许作为有效的HTML ID：

<div id="login">

---

看看这里的工作示例：

正如其他人所说，您需要从ID中删除

，因为它不允许作为有效的HTML ID：

<div id="login">

---

看看这里的工作示例：

不要直接更改CSS规则，而应该从标记中添加和删除类。另外，“用户名：”应该在标签中。

->

，正如昆汀所建议的那样。与其直接更改CSS规则，不如从标签中添加和删除类。另外，“用户名：”应该在标签中。

->

如昆汀所建议。