如何将jQuery与Raphael JS结合使用？

•例如，我如何更换第二条线路$（#canvas）似乎不起作用

---

•还有circ.node.onlick：是否可以使用jQuery完成处理程序？我如何使用jQuery访问circ节点？

在这两种情况下都可能不需要jQuery，或者您出于某种原因特别需要jQuery，这些只是较小的示例？否则，只有拉斐尔（“画布”，500500）；对于第二个，循环单击（处理程序）。

$(document).ready(function() {
        var canvas = $('#canvas');
        var paper = Raphael(document.getElementById('canvas'), 500, 500);

        var circ = paper.circle(250, 250, 40);
        circ.attr({fill: 'green', stroke: 'none', 'stroke-width': 15, 'stroke': 'red', 'fill-opacity': .5});
        var text = paper.text(250, 250, 'Bye Bye Circle!');
        text.attr({opacity:0, 'font-size': 12}).toBack();

        circ.animate({ 'transform': 'r90T100,0'}, 2000);

        circ.node.onclick = function() {
            text.animate({opacity: 1}, 2000);
            circ.animate({opacity: 0}, 2000, function() {})
        };
    });