Question

我发现this article 看起来就像我想要的那样，但我似乎无法让它完全发挥作用。由于它已经超过一年了，我想也许有些事情可能已经改变，或者现在可能有一种更简单的方法。

也就是说，我无法将上面链接的方法用于工作。我完全复制并粘贴了<body onLoad="javascript_needed()">，因为我不确定$(document).ready(function ()...应该去哪里。遗憾的是，我对Javascript很不熟悉。

Answer 1

使用类似的东西;

<script>

  $(document).ready(function(){
    //Code goes in here.
  });

</script>

不要忘记从http://jquery.com/

同时加载jQuery库

此外，您还想阅读选择器。

使用$("#myElement")将选择ID为“myElement”的元素。

使用$(".myElement")将选择具有“myElement”类的元素。

因此;

<div class="hideMe">Content</div>
<div class="hideMe">Content</div>
<div class="hideMe">Content</div>
<div class="doNotHideMe">Content</div>

<input type="button" class="ClickMe" value="click me"/>

<script>

  $(function(){
    $(".ClickMe").click(function(){
      $(".hideMe").hide(250);
    });
  });

</script>

修改

如果要在线链接到jquery库，请使用;

<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript"></script>

如果您下载了库并将js文件插入到项目中，请使用;

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

Answer 2

$语法是jQuery的一部分。如果您希望在代码中的某个位置使用jQuery，请使用脚本标记，如帖子中所示：

<script>
    $(function() {
        $('.selector').hide(250);
    });
</script>

如果你想要纯JavaScript，那么会有更多的开销。不包括文档就绪的东西（这可以是很多额外的代码来做正确的...参见示例：here）。

<script>
    elements = document.querySelectorAll('.selector');

    for(int i=0,len=elements.length;i<len;++i) {
        elements[i].style.display = 'none';
    }
</script>

如果您愿意，可以将其放入函数中。要显示元素，请将显示属性设置为''。

如何使用CSS一次显示和隐藏多个元素？

2 个答案: