检查 div 是否已折叠 Jquery

在使用 Jquery 控制 div 的展开与折叠时，我们有时需要检查 div 是否已经折叠，以便进行一些操作或者进行下一步的处理。

方案1：使用 is() 方法

Jquery 中的 is() 方法可以用来判断元素是否符合某个选择器的要求，也可以判断元素是否具有某个类名。当我们想要判断某个 div 是否已经折叠时，可以利用该方法判断该 div 是否具有已知的折叠类名。

if ($('#myDiv').is('.collapse')) {
  // 已折叠，做一些处理
} else {
  // 未折叠，做另一些处理
}

可以看到，这里的 .collapse 是一个已知的折叠类名，若我们在控制 div 展开与折叠时也是通过该类名来控制的，那么这个方法可以较好地判断该 div 的状态。

注意事项

• is() 方法返回 boolean 类型的值，为 true 则表示要判断的元素符合要求，为 false 则表示不符合要求。
• is() 方法中接受的参数可以是选择器、元素、jQuery 对象、函数等多种类型，具体使用方式可以查阅 Jquery 官方文档。

方案2：使用属性获取方法

除了利用已知的类名之外，我们还可以尝试利用 Jquery 的属性获取方法获取属性值，然后判断该值是否等于我们所期望的值来判断 div 的状态。

if ($('#myDiv').css('display') === 'none') {
  // 已折叠，做一些处理
} else {
  // 未折叠，做另一些处理
}

可以看到，这里利用 css() 方法获取了 div 的 display 属性值，若该值为 'none' 则表示 div 已经折叠，否则未折叠。

注意事项

• css() 方法返回属性值的字符串形式，需要与所期望的值进行字符串比较。
• 该方法存在一定的局限性，对于一些用 javascript 控制样式而非 css 样式表的 div，可能无法正确判断折叠状态。

小结

以上两种方法都可以用来判断 div 是否已经折叠，具体选择哪种方法取决于实际情况。无论采用哪种方法，我们都应该根据实际情况进行相应的判断，来保证程序的正确性。

代码片段：

```javascript
if ($('#myDiv').is('.collapse')) {
  // 已折叠，做一些处理
} else {
  // 未折叠，做另一些处理
}

if ($('#myDiv').css('display') === 'none') {
  // 已折叠，做一些处理
} else {
  // 未折叠，做另一些处理
}