前言

jQuery是一个广泛利用的JavaScript库，被广泛用于构建交互式Web页面。在许多情况下，我们需要动态控制页面元素的可见性。这可以通过一个十分简单的jQuery函数实现。

隐藏单个SPAN元素

1.首先，我们需要找到要隐藏的SPAN元素。可使用jQuery的选择器功能轻松做到通过标识符或其他属性来选择元素。例如，如果要选择所有带有类名为“hidden”的SPAN元素，可使用以下代码：

$(span.hidden).hide();

以上代码将选择所有具有hidden类的span元素，并在页面上隐藏它们。

隐藏多个SPAN元素

2.如果我们需要同时隐藏多个SPAN元素，可以将其作为一个数组，然后使用jQuery的each()函数循环遍历该数组。以下是一个隐藏所有带有hidden类的SPAN元素的示例代码：

$(span.hidden).each(function(){$(this).hide();});

以上代码将选取所有带有hidden类的span元素，并在页面上隐藏每个元素。

隐藏具有指定ID的SPAN元素

3.如果要隐藏一个具有特定ID的SPAN元素，可使用以下代码：

$(span_id).hide();

以上代码将选择所有具有指定ID的span元素，并在页面上隐藏它们。

总结

以上是jQuery的几种常见方法来隐藏SPAN元素。我们可使用这些函数来实现有趣的效果、控制页面布局，和许多其他功能。轻松简便的jQuery使得隐藏页面元素变得更加容易，也为web开发人员带来了更加方便的工作环境。

桂…哥…网…络www.gUIgeGe.cn