jQuery 判断元素整理汇总

是否含有某 class

在表单提交之前，我们往往要利用 JavaScript 校验用户输入值，如果用户输入有误，那么我们就往该表单元素添加一个 error 的 class，再配合 CSS，该表单元素就显示为红色，以提醒用户。

最后我们还要根据是否有 error 来决定是否提交表单。怎么判断呢？如下：

用 hasClass 即可。只要有一个元素具备 error 这个 class，那么就返回 true；只有所有元素都不具备 error，才返回 false。

元素是否存在

if ($("#good").length <= 0) {
  alert("不存在。");
}
else {
  alert("存在。");
}

如上，用 length 属性判断数组长度，以决定元素是否存在。

是否 checked

如上代码，有六个 input，显示为：前五个为选中状态，最后一个为未选中。

alert 时：前五个为 checked，最后一个为 undefined。

也就是说只要标签中有 checked，即为选，与其属性值无关，而 jQuery 取属性值时也是这么认的。要判断是否选中，用 attr("checked") == "checked" 即可。

不过对于 radio 要注意

如上代码，有六个 input，由于是 radio，且 name 相同，显示为：第五个为选中状态，其余为未选中。

alert 时：前五个为 checked，最后一个为 undefined。

所以 jQuery 在这里要注意一下，它取的值与显示情况不符。

应付 radio 更好的办法

有时候，我们只需要关心已经选中的 radio，所以可以这么做：

这样结果就是 5。

是否禁用

如上代码，有六个 input，显示为：前五个为禁用状态，最后一个为可用。

alert 时：前五个为 disabled，最后一个为 undefined。

也就是说只要标签中有 disabled，即为禁用，与其属性值无关，而 jQuery 取属性值时也是这么认的。要判断是否禁用，用 attr("disabled") == "disabled" 即可。