Jquery hide（）包含特定类的所有元素，只有一个除外

如何在jquery中隐藏class='hide'的所有元素

function showOne(id) {
// Hide all elements with class = 'hide'
$('#'+id).show();
}

---

注意：不要只使用数字ID。不允许

我几乎为解决方案如此简单而感到羞愧，因为我在写完问题后才发现它。只是：

$('div.hide').hide(300,function() {  // first hide all `.hide`
   $('#'+ id +'.hide').show(); // then show the element with id `#1`
});

---

您可以使用隐藏类为hide的所有组件 $（'.hide'）.hide（）

试试以下方法：

$('.hide').hide();

演示：

我同意@TheSystemRestart，“注意：不要只使用数字ID”。

尝试：

function showOne(id) {
    $('.hide').not('#' + id).hide();
}

showOne(1);​

---

您必须通过css类名访问元素。要执行此操作，请使用运算符

function showOne(id) { 
    $('.hide').hide();
    $('#'+id).show(); 
} 

它将隐藏所有div

现在按id显示一个div

$('.hide').hide();

或者您也可以使用

$('#elemID').show();

---

它将显示具有类隐藏的第一个div

请注意，除非html5允许数字id，否则您不能使用以数字开头的

id

。您是否知道当前的浏览器不支持数字id？如果您阅读了jQuery入门教程（例如jQuery网站上的一个教程），您可以了解更多常见选择器的相关信息（通过id、类、标记名进行选择，并通过父/子关系进行选择等），但本质上与CSS选择器语法相同。一旦掌握了窍门，决定调用所选元素的方法（例如，

.hide（）

）是最简单的部分。不使用id=“1”隐藏元素如何？您自己的答案并不完全回答您自己的问题！+1-使用.not（）是一个更好的解决方案，因为现在您不必隐藏要显示的元素，然后再显示它。避免“闪烁”效果，我认为是更好的UI体验。我只想花一点时间，承认这个例子写得有多么糟糕，对于一个新手来说，仅仅是因为您将类命名为“hide”为.hide（）功能，这可能会让人们认为两者之间有联系。我到处都能看到这种命名模式，当我学习时，通过这样的例子对我来说是一种痛苦。

$('#elemID').show();

$('.hide').eq(0).show();