Javascript-语法错误:意外标记}

Javascript-语法错误:意外标记},javascript,Javascript,当我尝试制作时,这应该与以下内容一起进行: <div onclick="(".test").slideDown(800);">close it</div> 请告诉我,我做错了什么。谢谢:)试试这样: <div onclick="$('.test').slideDown(800);">close it</div> 看看这有多干净?您不再需要将标记与javascript混合使用,并且会遇到与当前遇到的问题相同的问题。尝试以下方法: <div

当我尝试制作
时,这应该与以下内容一起进行:

<div onclick="(".test").slideDown(800);">close it</div>
请告诉我,我做错了什么。谢谢:)

试试这样:

<div onclick="$('.test').slideDown(800);">close it</div>
看看这有多干净?您不再需要将标记与javascript混合使用,并且会遇到与当前遇到的问题相同的问题。

尝试以下方法:

<div onclick="$('.test').slideDown(800);">close it</div>

看看这有多干净?您不再需要将标记与javascript混合使用,并且会遇到当前遇到的问题。

更改双引号的用法(我猜您使用的是jQuery,因此还需要添加$shortcut(或完整的jQuery调用):


更改双引号的用法(我猜您正在使用jQuery,因此还需要添加$shortcut(或完整jQuery调用):


您正在为
使用ID选择器,但尝试使用类选择器来设置
$(.test
)之间的动画,该动画将永远不会匹配。但是,您的代码也有错误的引号,这会导致语法错误,因此要修复所有问题,以下操作之一应该会有所帮助:-)

HTML:

或完整示例(使用单独的绑定函数):


测验
$(函数(){
$('#closeIt')。单击(函数(){
$('测试')。向下滑动(800);
});
});
#试验{
显示:无;
}
关上它
这应该下降
或内联onclick(不推荐使用,因为这不会将标记与行为分开,但仍然有效)

关闭它

您正在为
使用ID选择器,但试图使用类选择器为
设置动画,该动画与
$(.test
)将永远不匹配。但是,您的代码也有错误的引号,这会导致语法错误,因此要修复所有问题,以下一项应该会有所帮助:-)

HTML:

或完整示例(使用单独的绑定函数):


测验
$(函数(){
$('#closeIt')。单击(函数(){
$('测试')。向下滑动(800);
});
});
#试验{
显示:无;
}
关上它
这应该下降
或内联onclick(不推荐使用,因为这不会将标记与行为分开,但仍然有效)

关闭它

您正在使用jQuery吗?我猜你是通过语法来理解的。作为说明,我假设你是在记事本上写的,因为几乎所有其他东西都提供语法高亮显示。这样,您应该立即注意到引号中使用了一些奇怪的东西,比如堆栈溢出接口。我绝对推荐切换。谢谢大家,在你们的帮助下我成功了。你们在使用jQuery吗?我猜你是通过语法来理解的。作为说明,我假设你是在记事本上写的,因为几乎所有其他东西都提供语法高亮显示。这样,您应该立即注意到引号中使用了一些奇怪的东西,比如堆栈溢出接口。谢谢大家,在你们的帮助下,我成功了。有什么理由投反对票吗?请在否决投票时留下评论,解释为什么你认为这个答案是错误的。@andyb,为什么
。test
应该是
#test
?它可能是一个类选择器,不是吗?它可能是,但这个问题有
投票失败的原因吗?请在否决投票时留下评论,解释为什么你认为这个答案是错误的。@andyb,为什么
。test
应该是
#test
?它可能是一个类选择器,不是吗?可能是,但问题是
<div id="close">close it</div>
$('#close').click(function() {
    $('.test').slideDown(800);
});
onclick="$('.test').slideDown(800);"

// or

onclick='$(".test").slideDown(800);'
<div id="closeIt">close it</div>
$('#closeIt').click(function() {
    $('#test').slideDown(800);
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $('#closeIt').click(function() {
                $('#test').slideDown(800);
            });
        });
    </script>
    <style type="text/css">
        #test {
            display:none;
        }
    </style>
</head>
<body>
<div>
<div id="closeIt">close it</div>
<div id="test">this should go down</div>
</div>
</body>
</html>
<div onclick="$('#test').slideDown(800);">close it</div>