分配给变量的JQuery对象如何检测变化？

Question

（首先感谢我的英语）我可以理解，将JQuery选择器找到的JQuery对象分配给一个变量，每次使用JQuery选择器都会有更好的性能。我无法理解的部分是JQuery如何检测不受JQuery操作的更改？这里是一个例子：

<div id="divState">First State</div> 

$(document).ready(function() { 
    var testElement = $("#divState"); 
    alert(testElement.text());//alerts "First State". 
    document.getElementById("divState").innerHTML = "Second State";//Div has changed outside of the JQuery object. 
    alert(testElement.text());//alerts "Second State"??? How a variable detects changes. 
}); 

Answer 1

嗯，它知道，但它不知道。 。 。

As Blazemonger指出，当你创建一个jQuery对象时，对象中的其中一个项目本质上只是一个指向页面中实际DOM元素的指针。所以，就像你在你的例子中展示的那样，每当你检查那个对象的属性时，它都会检查这个元素并向你展示他们目前的任何东西。如果它们在两次检查之间发生变化，您将看到不同之处。

但是，jQuery不是100％智能的。 。 。如果你想改变选择器的某些东西，那么知道更新对象集合而不重新选择它们是不够智能的。例如，看看这个HTML：

<div id="container"> 
    <div class="similarDivs">Div 1</div> 
    <div class="similarDivs">Div 2</div> 
    <div class="similarDivs">Div 3</div> 
</div> 

如果你对它运行下面的代码：

var $mainGroup = $("#container"); 
var $subGroup = $mainGroup.find(".similarDivs"); 
console.log($subGroup); 

。 。 。控制台会显示：Object[div.similarDivs, div.similarDivs, div.similarDivs]

但是，如果你要遵循了这个代码：

$mainGroup.children(":eq(0)").removeClass("similarDivs"); 
console.log($subGroup); 

。 。 。您的控制台会显示：Object[div, div.similarDivs, div.similarDivs]

它足够聪明地看到第一个div不再标记“similarDivs”类，但它在技术上不够聪明，从技术上讲，这意味着它不应该再成为$subGroup选择组的一部分。同样，这是因为选择器创建了一堆jQuery对象，这些对象指向与选择标准在单个时间点匹配的所有DOM元素。

，你可以得到$subGroup以反映其集合中的变化的唯一途径是通过重新运行选择：

$subGroup = $mainGroup.find(".similarDivs"); 
console.log($subGroup); 

。 。 。导致：Object[div.similarDivs, div.similarDivs]

---

其中一个最大的原因，这是非常重要的（除了知道，当你使用选择:)），是因为JavaScript并不行为是那样的。 。 。如果你写一个类似的功能集于JS，你会得到不同的结果：

var mainGroup = document.getElementById("container"); 
var subGroup = mainGroup.getElementsByClassName("similarDivs"); 
console.log(subGroup); 
mainGroup.children[1].className = ""; 
console.log(subGroup); 

该代码就会给你：

HTMLCollection[div.25dd58, div.25dd58, div.25dd58] 
HTMLCollection[div.25dd58, div.25dd58] 

。 。 。而不需要“重新选择”元素（注：它也返回HTMLCollection，而不是一个jQuery Object，它提示您行为的差异）。