选择 jquery 对象时带有大括号的 jquery 代码

Question

在搜索半圆填充解决方案后，我遇到了这个codepen代码。选择器 {p:0} 选择什么？另外 var perc 值是如何进入 {p:perc} 的？

https://codepen.io/jagathish/pen/ZXzbzN

$(".progress").each(function(){

  var $bar = $(this).find(".bar");
  var $val = $(this).find("span");
  var perc = parseInt( $val.text(), 10);

  $({p:0}).animate({p:perc}, {
    duration: 3000,
    easing: "swing",
    step: function(p) {
      $bar.css({
        transform: "rotate("+ (45+(p*1.8)) +"deg)", // 100%=180° so: ° = % * 1.8
        // 45 is to add the needed rotation to have the green borders at the bottom
      });
      $val.text(p|0);
    }
  });
});

Answer 1

What does selector {p:0} select?

{p:0} 是一个对象；它不选择任何东西。然后将该对象包装在 jQuery 对象中，然后您可以使用 jQuery 方法修改原始对象的属性。在本例中，他们使用 animate() 每隔一段时间就增加 p 的值(从 0 开始)，以更新进度条用户界面。

How does the perc value got into {p:perc}

perc 值在 each() block 中定义。它与每个 .progress 元素中 span 的 text() 相关。