如何修复 jQuery 1.8 “语法错误，无法识别的表达式”错误？ [关闭]答案

【问题标题】：How to fix the jQuery 1.8 “Syntax error, unrecognized expression” error? [closed]如何修复 jQuery 1.8 “语法错误，无法识别的表达式”错误？ [关闭]
【发布时间】：2023-03-07 07:45:01
【问题描述】：

<script type="text/javascript">
$(function(){
    $(".user_ava").click(function() {
        $("div:.userMenu",this ).animate({
            height: ["toggle", "swing"],
            opacity: "toggle"
        }, 200, "linear");
    });
});
</script>

错误：消息（未捕获的错误：语法错误，无法识别的表达式：:.userMenu）

【问题讨论】：

冒号是什么意思 ($("div:.userMenu",this ))？
我不认识那个选择器语法，你想选择什么？你的意思是div.userMenu？
@MrOBrian，感谢完美工作
FancyBox 打开后也离开屏幕

标签： javascript jquery dependencies

【解决方案1】：

"div:.userMenu" 中的冒号不正确，jquery 无法识别。如果你想选择所有 <div> 和 userMenu 类，语法是

$("div.userMenu",this );

完整脚本：

<script type="text/javascript">
$(function(){
    $(".user_ava").click(function() {
        $("div.userMenu",this ).animate({ // you had a colon here for some reason
            height: ["toggle", "swing"],
            opacity: "toggle"
        }, 200, "linear");
    });
});
</script>

【讨论】：

IMO 这个答案会更容易理解，如果它有一个详细说明更改内容的文本部分，而不是一堆代码中的嵌入注释。

【解决方案2】：

去掉“div:.userMenu”中的“:”

<script type="text/javascript">
$(function(){
    $(".user_ava").click(function() {
        $("div.userMenu",this ).animate({
            height: ["toggle", "swing"],
            opacity: "toggle"
        }, 200, "linear");
    });
});
</script>

【讨论】：

【解决方案3】：

将div:.userMenu 更改为div.userMenu

【讨论】：