javascript - 我应该使用 JQuery 选择器来比较 if 语句中的元素/值吗？

Question

过去几个月我一直在使用 JavaScript 和 JQuery，我使用了许多不同的方法来比较元素和值。有时我的值存储在一个值内，而在其他情况下我使用 JQuery 选择器来比较值。所以我有一个问题，这两者之间有什么区别吗？例如这样的事情:

//JQuery selector in if statement
if($('.countRec').children().length == 0){

//Putting value in a variable first
var tbody = $('.countRec');
if(tbody.children().length == 0){

一种方法比另一种方法更有效吗？这两种方法在某些情况下是否存在潜在的比较问题？如果有人可以提供解释，请告诉我。提前致谢。

Answer 1

好吧，您可能会争辩您的第二个示例效率较低，因为您使用变量来存储数据，这意味着您为此使用了一些内存。

实际上，这并没有什么不同。

但是考虑到您的案例中的最佳实践，您不希望代码容易出错，而是“加倍努力”，而只是为了确保您正在处理 property您的对象的实际存在以避免错误:

var tBody,
    children;

tBody = $('.countRec');
children = tbody ? tbody.children() : null;

if(children && children.length == 0){
   // do your thing...
}

小更新:Roxoradev 在他的回答中提到，使用 $('.yourClass')可以返回多个元素，如果你有一个以上的类 yourClass 的元素随附的。在这种情况下，您可以链接调用 .first() : tBody = $('.countRec').first();