可以通过CSS中的值定位元素吗？

Question

这就是我的JS：

if ($('#submit').attr('value') == 'Save Changes'){
    $('#submit').hide();
};

是否有一种方法可以通过CSS中的值来定位元素，然后在其值==某物时将其隐藏？

如果不是，是否有办法使此代码更快？加载页面时，我可以看到隐藏事件。

Answer 1

为防止物品在隐藏之前闪烁-最好的方法是翻转逻辑-从隐藏开始，然后根据需要显示

// css
#submit {display: none};

// js
if ($('#submit').attr('value') !== 'Save Changes'){
    $('#submit').show();
};

Answer 2

您可以使用属性选择器并更改逻辑以防止闪烁：

#submit {
  display: none;
}

#submit:not([value="Save Changes"]) {
  display: block;
}