Question

我尝试在我的网站上使用jQuery，但似乎没有用。这段代码不起作用。当我点击#test时，它不会隐藏。请帮忙。谢谢！

这是我的Html文件：

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <p id="#test">Hello world !</p>

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

这是我的code.js：

$(document).ready(function() {
    $('#test').click(function() {
        $('#test').hide();
    }); 
});

Answer 1

你的html错误，删除哈希#符号：

<p id="test">Hello world !</p> // this is right

你写的时候：

<p id="#test">Hello world !</p> // this is wrong

注意：

您可以使用this获取当前元素参考：

$(document).ready(function() { $('#test').click(function() { $(this).hide(); }); });

$("#test")表示 id 等于测试的选择元素

Answer 2

尝试使用\\，

转义元字符

$(document).ready(function() {
    $('#\\#test').click(function() {
        $('#\\#test').hide();
    }); 
});

jquery在我的代码中没有工作

2 个答案:

DEMO