javascript - jQuery .css 不起作用

标签 javascript html css

我有以下代码,但它似乎根本不起作用。不绘制边框。我有什么不对吗? (我正确地包含了 jQuery,因为使用它的其他部分可以工作)

<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>

最佳答案

您的选择器匹配“具有 id 'login' 的元素”,但您的元素具有 id '#login'。

从 ID 中删除 #。无论如何,在 HTML 4 的 ID 中不允许使用该字符。

关于javascript - jQuery .css 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8489597/

相关文章:

html - 将鼠标悬停在菜单上会显示每个菜单中的下拉菜单列表

javascript - 如何将滚动条放入 jQuery 的 Accordion 菜单中

javascript - JQuery动态函数隐藏元素

javascript - Feathers JS - 创建多个条目 - 愚蠢的问题

html - CommonMark 规范是否允许列表标记前有前导空格?

javascript - "rotating"/从文本文档javascript切换文本?

html - 将图像垂直对齐到 Bootstrap "row"内的底部?

jquery - 如何在点击下拉菜单时制作 CSS 下拉菜单

html - 位置 :fixed element within a position:relative parent. 哪个浏览器渲染正确?

javascript - Nextjs 重新加载页面时获取数据