如何将此JQuery合并到我的D3 force布局中？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

var simulation = d3.forceSimulation()
  .force("charge", d3.forceManyBody())
  .force("link", d3.forceLink().id(function(d) { return d.id; }))
  .force("center", d3.forceCenter(width / 2, height / 2));

d3.json("data.json").then(function(data) {
  // 数据加载完成后的处理逻辑
});

d3.json("data.json").then(function(data) {
  // 数据加载完成后的处理逻辑
  var nodes = data.nodes;
  var links = data.links;

  // 使用JQuery创建节点元素
  var nodeElements = d3.select("svg")
    .selectAll("circle")
    .data(nodes)
    .enter()
    .append("circle")
    .attr("r", 5)
    .attr("fill", "blue");

  // 使用JQuery创建连线元素
  var linkElements = d3.select("svg")
    .selectAll("line")
    .data(links)
    .enter()
    .append("line")
    .attr("stroke", "gray");

  // 更新节点和连线的位置
  simulation.nodes(nodes).on("tick", ticked);
  simulation.force("link").links(links);

  function ticked() {
    nodeElements
      .attr("cx", function(d) { return d.x; })
      .attr("cy", function(d) { return d.y; });

    linkElements
      .attr("x1", function(d) { return d.source.x; })
      .attr("y1", function(d) { return d.source.y; })
      .attr("x2", function(d) { return d.target.x; })
      .attr("y2", function(d) { return d.target.y; });
  }
});