jquery - 嵌套 Jquery 调用

Question

今天我在一些代码中遇到了这个:

$($($(this).children()[1])).css("border-color", "#fff");

我以前没有见过这个，据我所知，编写以下内容将完成同样的事情:

$(this).children()[1].css("border-color", "#fff");

顶级方式有什么目的吗(更好吗？)，或者这只是有人现在知道他们在用 JQuery 做什么？

Answer 1

第二个表达式不会做同样的事情，因为访问 jQuery 集合的数组元素会返回 DOM 节点，而不是 jQuery 对象，并且您无法对其调用 jQuery 方法。实际的等价物是:

$(this).children().eq(1).css("border-color", "#fff");

第一个代码相当于:

var temp = $(this).children()[1]; // Get DOM node of 2nd child
$(temp).css("border-color", "#fff"); // Wrap it in jQuery object and set CSS