Question

我有一个使用jQuery的小页面。

我设法将这个问题归结为一个演示问题的简单示例：

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

function hideIt()
{
    $('#hideme').fadeOut('slow', function() { $(this).remove(); } );
}

</script>
</head>
<body>
<div id='#hideme'>Hide me!</div>
<button onclick='hideIt();'>Hide</button>
</body>
</html>

正如您所料，问题很简单：标题不会消失。

我忽略了什么简单的事情？（或者，如果这不是一件简单的事情，我会错过什么复杂的事情？）

Answer 1

尝试删除#中的<div id='#hideme'>Hide me!</div>：）

Answer 2

选择器找不到你的div，因为你上面有一个#字符：

变化：

<div id='#hideme'>Hide me!</div>

要：

<div id='hideme'>Hide me!</div>

Answer 3

div的ID应为“hideme”而不是“#hideme”

为什么这个DOM元素不会消失？

3 个答案: