jQuery入门 - 隐藏元素

Question

您是否注意到此网站上的每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>

否则，发生了什么？

Answer 1

jQuery采用css选择器，而不是id。如果你想要一个id，请使用声明id的css形式。

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

Answer 2

jQuery加载正常，你只是错误地使用它。你应该做的任何一个：

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

或者：

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

---

jQuery可以使用$()来处理很多不同的对象。列出的选项为here。

Answer 3

您错过了ID选择器中的＃。

更改$（'allDayEvent'）。hide（）;

到

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

Answer 4

假设你的复选框有一个id“allDayEvent”，你只需要这行中的哈希（＃）：

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