jQuery 是一種 JavaScript 庫，可以輕松地操作 HTML 元素、處理事件和執行動畫效果等。在 jQuery 中，通過選擇器獲取元素，然后使用對象方法來對元素進行操作。本文將介紹如何使用 jQuery 輸出 div 元素的值。

// HTML 代碼
<div id="myDiv">這是一個 div 元素</div>
// jQuery 代碼
$(document).ready(function(){
var myDivValue = $('#myDiv').html();
console.log(myDivValue);
});

在上面的代碼中，我們首先獲取了 id 為 myDiv 的 div 元素，然后使用 html() 方法獲取 div 元素中的內容，并將其賦值給變量 myDivValue。最后，使用 console.log() 打印出這個變量的值。

如果我們在頁面上運行這段代碼，會在開發者工具的控制臺中看到輸出結果 - “這是一個 div 元素”。這表明我們成功地輸出了 div 元素的值。

除了 html() 方法，jQuery 還提供了其它方法來輸出元素的值，比如 text() 方法和 val() 方法。這些方法分別用于獲取元素中的文本內容和表單元素的值。

// HTML 代碼
<input type="text" id="myInput" value="hello world">
// jQuery 代碼
$(document).ready(function(){
var myInputValue = $('#myInput').val();
console.log(myInputValue);
});

上面的代碼演示了如何使用 jQuery 獲取表單元素的值。我們首先獲取了 id 為 myInput 的 input 元素，然后使用 val() 方法獲取 input 元素的值，并將其賦值給變量 myInputValue。最后，用 console.log() 輸出這個變量的值。

這正是 jQuery 的強大之處，通過簡短的代碼，我們可以輕松地實現各種操作。希望這篇文章能對你理解如何使用 jQuery 輸出 div 元素的值有所幫助。