在前端開發中，很常見的一個需求是在網頁上輸出一段代碼。而經典的JS庫之一——jQuery，提供了一個非常方便的方法來輸出代碼。
要使用jQuery輸出代碼，下面是一套簡單的步驟：
1. 在HTML頁面引入jQuery庫文件。
2. 使用代碼段的預處理標簽
要使用jQuery輸出代碼，下面是一套簡單的步驟：
1. 在HTML頁面引入jQuery庫文件。
html <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
2. 使用代碼段的預處理標簽
<pre>html
<pre>
var name = "John Doe";
console.log("Hello, " + name + "!");
3. 在jQuery代碼中，使用選擇器選中該代碼段。
javascript
var codeSnippet = $("pre code");
4. 使用.text()方法設置該標簽內容為代碼字符串。
javascript
codeSnippet.text('var name = "John Doe";\nconsole.log("Hello, " + name + "!");');
其中\n表示新的一行。
此時，你的網頁上就會輸出一段格式整齊的代碼了。
完整代碼如下：
html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用jQuery輸出代碼</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div>
<p>下面是一段代碼：</p>
<pre>
var name = "John Doe";
console.log("Hello, " + name + "!");