Question

＆＃13;

SELECT DISTINCT CONCAT(P_NUMBER,'-',A_NUMBER) AS CNUMBER FROM APPROVED WHERE 
AND (STATUS = 'ACTIVE' OR STATUS = 'CLOSED' OR STATUS = 'CLOSING' OR STATUS =     'PENDING')

＆＃13;

SELECT * FROM APPROVED WHERE 
AND (STATUS = 'ACTIVE' OR STATUS = 'CLOSED' OR STATUS = 'CLOSING' OR STATUS =     'PENDING')
GROUP BY CONCAT(P_NUMBER,'-',A_NUMBER)

＆＃13;

当第9行执行，即第二次点击图像时window.a = { div1: $('#div1'), img1: $('#img1') }; $(a.img1).click(function() { a.div1.html('<img id="img2" src="https://www.gstatic.com/webp/gallery/2.sm.jpg" />'); $('#img2').click(function() { $(a.img1).attr('src', 'https://www.gstatic.com/webp/gallery/3.sm.jpg'); }); });，a.img1不应该存在。那么，为什么该URL的HTTP请求被发送到服务器（网络选项卡中的注意事项）？我使用的是Chrome版本45.0.2454.85 m。不要以为这是一个浏览器错误。在Firefox 39上也一样。

还做了一个小提琴手http://jsfiddle.net/ismusidhu/vvmwntcd/。

Answer 1

作为Marc B said，您已从DOM树中删除了该节点，但它仍然存在，因为window.img1仍然指向它（间接地，通过指向jQuery对象，而jQuery对象又指向它） - 所以它不能被垃圾收集。如果您将window.img1设置为其他值（例如null或undefined），则可以对该元素进行垃圾回收。

以这种方式思考：你从图像的父元素（和各种兄弟姐妹，但现在忽略它）开始指向它：

+---------------------+          +-------------------+
| (some DOM elements) |--------->|                   |
+---------------------+          |                   |
                                 | the image element |
+------+                         |                   |
| img1 |------------------------>|                   |
+------+                         +-------------------+

然后，当你在它的祖先上调用html时，DOM会删除对该元素的所有引用，并且你有这个：

                                 +-------------------+
                                 |                   |
                                 |                   |
                                 | the image element |
+------+                         |                   |
| img1 |------------------------>|                   |
+------+                         +-------------------+

释放最后一个参考，并且可以回收/释放该元素。

Answer 2

＆＃13;

window.a = {
  div1: $('#div1'),
  img1: function() {
    return $("> img[id]", this.div1)
  }
};

function toggle(e) {
  a.div1.html(/1/.test(e.target.src) 
             ? '<img id="img2" src="https://www.gstatic.com/webp/gallery/2.sm.jpg" />' 
             : $('<img id="img1" src="https://www.gstatic.com/webp/gallery/1.sm.jpg" />')
               .click(toggle)
  );
  
  $("#img2").on("click", function(e) {
    a.img1().attr({
        'src': 'https://www.gstatic.com/webp/gallery/3.sm.jpg',
        "id": "img3"
      })
      .click(toggle)
  });
}

a.img1().click(toggle);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="div1">
  <img id="img1" src="https://www.gstatic.com/webp/gallery/1.sm.jpg" />
</div>

＆＃13;

jsfiddle http://jsfiddle.net/vvmwntcd/6/

为什么即使从DOM中删除元素也可以访问它？

2 个答案: