Wordpress奇怪的问题链接到base64的转换

Question

我对一段代码有个问题。

if (jQuery("article img").length) {
  console.log(jQuery("article img"));
  jQuery("article img").wrap("<a id='single_image' href="+jQuery("article img")[0]["src"]+" alt='image article'></a>");
  jQuery("a#single_image").fancybox({
      fitToView: false,
      maxWidth: "80%"
  });
}

嗯，我的页面上有一张图片，当我点击这张图片时，我希望出现一个窗口，并缩放这张图片，使其更具可读性，所以我使用了fancybox。

有时会有一个问题。当我打开控制台并搜索jQuery("article img")[0]时，我会看到这样的代码：

<img class="alignnone size-full wp-image-3161" src="http://foyerdecluny.org/wp-content/uploads/2016/06/2015_Remise-diplomes-AFPA.jpg" alt="2015_Remise-diplomes-AFPA" width="2048" height="1183" srcset="http://foyerdecluny.org/wp-content/uploads/2016/06/2015_Remise-diplomes-AFPA.jpg 2048w, http://foyerdecluny.org/wp-content/uploads/2016/06/2015_Remise-diplomes-AFPA-300x173.jpg 300w, http://foyerdecluny.org/wp-content/uploads/2016/06/2015_Remise-diplomes-AFPA-1024x592.jpg 1024w" sizes="(max-width: 2048px) 100vw, 2048px">

所以你可以看到src是完全正常的。但这就是神奇之处。如果我创建一个console.log(jQuery("article img")[0]["src"])，它的值是：data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==，并且不再是一个带有http...

所以我不太明白这里发生了什么.