jQuery は、JavaScript を使用した HTML ページで使用するように設計されています。
SVG は HTML と同じ DOM レベル 2 を使用しますが、XML ベースであり、ECMAScript を指定します。
SVG で jQuery を使用すると、どのような問題が発生する可能性がありますか? そのような SVG を要素として HTML ドキュメントに埋め込むことが望ましいでしょうか?
jQuery 構文を使用したグラフィック ポートとして、HTML ドキュメント内の SVG 要素の操作を提供する「jQuery SVG」描画ライブラリについて言及していないことに注意してください。私が望むのは、SVG ルートが HTML 内にあるかどうかに関係なく、SVG 要素で jQuery セレクターとイベント管理を使用することです。
試してみると、セレクターは機能しているように見えますが、他の機能は機能していません。SVG は最上位の要素にのみイベントを$( function() { } )渡すため、ページを初期化するイディオムは機能しません。ただし、機能します。SVGLoad<svg>$('svg').bind('SVGLoad', function(){})
要素を動的に追加すると.append、少なくとも Firefox ではレンダリングされないように DOM に配置されます。jQuery を使用せずに動的に追加された要素を含め、ドキュメントが再レンダリングされた後でも、ファントム要素は表示されません。$().attr(key, value)属性を変更することはできますが、画面上の表示を更新することはできません。
残念ながらすべてが壊れているようです。XHTML ドキュメントに埋め込むと、より多くの機能が動作します。しかし、上記のような欠陥は残っており、おそらく別のフレームワークを使用する方がよいでしょう。たぶん、jQuery SVG をもう一度見てみましょう…</p>