Javascript 向元素添加类时出现奇怪的chrome或jquery行为

Javascript 向元素添加类时出现奇怪的chrome或jquery行为,javascript,jquery,html,css,google-chrome,Javascript,Jquery,Html,Css,Google Chrome,当我在Chrome(版本61.0.3163.100(官方版本)(64位))中打开元素选项卡时 我明白了- 但是,当我在控制台选项卡中写入$(“#标记”)[0]时 我明白了- 另外,$(“#标记”)。长度为1 hidenow类应该隐藏图像(display:none),对于html文件中添加了hidenow的元素,该类工作正常。页面上的图像可见在我的js文件中,我使用jquery.addClass()将hidenow添加到#标记的,但它不会显示在html中 以前有人遇到过这种情况吗?我应该如何调

当我在Chrome(版本61.0.3163.100(官方版本)(64位))中打开
元素选项卡时

我明白了-

但是,当我在
控制台选项卡中写入
$(“#标记”)[0]
时 我明白了-

另外,
$(“#标记”)。长度
1

hidenow
类应该隐藏图像(
display:none
),对于html文件中添加了
hidenow
的元素,该类工作正常。页面上的图像可见

在我的js文件中,我使用jquery
.addClass()
hidenow
添加到
#标记的
,但它不会显示在html中


以前有人遇到过这种情况吗?我应该如何调试它?感谢您的帮助。谢谢

问题是
#marked
的id实际上在之前是
#moremark
,并且在js中被更改,在它不起作用之后添加了一个类。所以我做了这个-

$("#moremarked").addClass("hidenow");
// change id after adding the class
$("#moremarked").prop("id", "marked");
一切都很好