jQuery 是一種流行的 JavaScript 庫，它提供了簡單的方法來操作 HTML 元素和 DOM。jQuery 的核心理念是“write less, do more”，即寫出更少的代碼，做更多的工作。在 jQuery 中，我們可以通過使用 attr 和 innerHTML 兩個方法來更改 HTML 元素的屬性和內容。

// 更改元素屬性
// 選取元素并更改它的屬性
$("img").attr("src", "new_image.png");
// 更改元素內容
// 選取元素并更改它的內容
$("#myDiv").html("This is new content.");

在第一個示例中，我們選擇了所有 `img` 元素并更改了它們的 `src` 屬性。注意，我們使用 `$` 字符來“表示” jQuery 對象。通過調用 `.attr()` 方法，我們可以訪問所選元素的屬性，并使用第二個參數來設置一個新值。

在第二個示例中，我們選擇了 `id` 為 `myDiv` 的元素，并更改了它的 `innerHTML`。`.html()` 方法允許我們設置所選元素的 HTML 內容。

總的來說，使用 jQuery 的 `.attr()` 和 `.html()` 方法可以大大簡化操作 HTML 的過程。無需編寫長長的 JavaScript 代碼，我們可以使用這些方法輕松地更改元素的屬性和內容。