jQuery入门-隐藏元素

问题描述

| 您是否注意到该网站上每10个问题都有关jQuery？ 无论如何... 我是第一次使用jQuery。我不知道我是否正确加载了它。当我运行此代码时：

                 <script type=\"text/javascript\">
                     function allDayClicked() {

                         if (jQuery) alert(\"loaded\");

                         var allday = document.getElementById(\"allDayEvent\");
                         var start = document.getElementById(\"<%=startTimeSelector.ClientID%>\");
                         $(\'allDayEvent\').hide();
                     }
                </script>

出现警报，提示“已加载”，但没有其他反应。 html复选框不会变得不可见。我的javascript输出中没有任何错误。 我可能尚未成功加载jQuery吗？我在自己的Visual Studio项目中添加了对它的引用，并将其拖动到default.aspx来生成它：

<script src=\"Scripts/jquery-1.6.1.min.js\" type=\"text/javascript\"></script>

否则，这是怎么回事？     

解决方法

        jQuery使用CSS选择器，而不是ID。如果您想要一个ID，请使用声明ID的CSS形式。

$(\'#allDayEvent\').hide();

    ,        jQuery已很好地加载，您只是在错误地使用它。您应该执行以下任一操作：

$(\'#allDayEvent\') // recommended,the \'#\' means ID

要么：

$(allday) // since you already grabbed it with getElementById

jQuery可以用

$()

接受很多不同的对象。选项在此处列出。     ,        您在ID选择器中缺少＃。 更改$（\'allDayEvent \'）。hide（）; 至

$(\'#allDayEvent\').hide();

    ,        假设您的复选框的ID为\“ allDayEvent \”，则只需在此行中使用井号（＃）：

$(\'#allDayEvent\').hide();