如何使用 jQuery 检查元素是否具有特定的 CSS 样式？

在 Web 开发中，我们经常需要检查元素是否存在特定的 CSS 样式。使用 jQuery 可以轻松地完成这项任务。

使用 .hasClass() 方法

可以使用 jQuery 的 .hasClass() 方法来检查元素是否具有指定的 CSS 类。该方法返回一个布尔值，表示元素是否具有该类。

if ($('#myElement').hasClass('myClass')) {
  // 元素具有 myClass 类
} else {
  // 元素不具有 myClass 类
}

使用 .css() 方法

除了检查类之外，我们还可以使用 jQuery 的 .css() 方法来检查元素是否具有特定的 CSS 样式。该方法返回指定的 CSS 属性值。

if ($('#myElement').css('color') === 'red') {
  // 元素的颜色样式为红色
} else {
  // 元素的颜色样式不为红色
}

你也可以使用多个参数来检查元素是否具有多个 CSS 样式。

if ($('#myElement').css('color', 'font-size') === 'red 16px') {
  // 元素的颜色样式为红色，字体大小为 16 像素
} else {
  // 元素的颜色样式和/或字体大小不符合要求
}

总结

使用 jQuery，可以轻松地检查元素是否具有特定的 CSS 样式。可以使用 .hasClass() 方法检查元素是否具有特定的类，也可以使用 .css() 方法检查元素的 CSS 属性值。