JQuery LaTex是一款基于JQuery的LaTeX數學公式編輯器插件，它的出現極大地方便了用戶在網頁端編輯數學公式的體驗。

首先，我們需要在我們的項目中引入JQuery LaTex的js和css文件。

<!-- 引入jquery-latex樣式文件 -->
<link rel="stylesheet" href="path/to/jquery-latex.css">
<!-- 引入jQuery庫文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- 引入jquery-latex插件文件 -->
<script src="path/to/jquery-latex.js"></script>

接著，我們在我們所需要插入數學公式的地方設置相應的class類名，并且在js代碼中初始化它。

<p class="formle-input"></p>
<script>
$('.formle-input').jQlatex();
</script>

那么這時候，我們就可以在這個p標簽中編輯數學公式了！

例如，我們可以在這里輸入一下這個公式：

x= \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

當我們輸入完畢后，我們可以在控制臺中獲取輸入的表達式：

console.log($('.formle-input').jQlatex().getLaTeX())

以上代碼的輸出應該是：

"x= \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}"

如果我們想要將上方這個公式渲染出來，可以使用下方的代碼：

$("p").html("\\(" + $('.formle-input').jQlatex().getLaTeX() + "\\)");

使用這些代碼片段，我們可以輕松地在網頁上編輯、獲取數學公式。