jquery - 寻找 d3.js 等价于 jQuery 操作符的列表

Question

有人知道 jQuery 运算符/方法的 d3.js 等效项(或接近等效项)的完整列表吗？

(加载 jQuery 除了能够进行一次调用之外没有其他目的，例如 $('#frobozz').height()，当我已经有了 时，加载 jQuery 有点糟糕>d3.js 周围。)

Answer 1

严格来说，不存在这样的列表，因为 d3 在设计上并不提供任何此类功能。然而，现在大多数浏览器开始遵守W3C standard ，您不需要 jQuery 来实现某些功能。

您可以通过调用selection.node()来访问DOMElement然后您可以使用元素上可用的 DOM API，也可以使用 selection.style直接获取 CSS 属性。

然而，API 的某些部分仍然没有被某些浏览器遵守，或者实现起来很棘手，而 jQuery 将是使 Javascript 程序与浏览器无关的最佳方式，并且简单的。 jQuery.height 函数，例如 is not trivial 。

唯一不需要 jQuery 的情况是简单的情况。假设您知道 height 是通过 CSS 显式设置的，那么它可以通过 d3.select('#froboxx').node().style.height 获取，或d3.select('#froboxx').style('height')。或者，如果它是一个将 height 设置为属性的元素(例如 svg 或 img 元素)，则 d3.select( '#froboxx').attr('height') 还将为您计算该值。但是，当两者都设置时，则 precedence of style v/s attribute开始，任务再次变得不平凡。

自 jQuery 1.8 以来可能的一个折衷方案是您可以准备 your own jQuery build其中不包含任何您不需要的模块。缺点是您必须将文件托管在您的服务器上。沿着这些思路的另一个替代方案是使用 ZeptoJS .