jQuery 是一種流行的 JavaScript 庫，用于簡化 HTML 文檔遍歷和操作、事件處理、動畫效果和 AJAX 等操作。其中，attr 和 html 是 jQuery 中兩個常用的方法，本文將介紹它們的使用方法和實例。

attr 方法用于獲取或設置 HTML 元素的屬性值。如果只傳遞一個參數，該方法將返回指定屬性的值；如果傳遞兩個參數，將設置指定屬性的值。

// 設置屬性值
$(element).attr('attr_name', 'attr_value');
// 獲取屬性值
$(element).attr('attr_name');

例如，當我們需要獲取某個div元素的 ID 屬性值，可以使用以下代碼：

var div_id = $('div').attr('id');

而當我們需要設置一個a標簽的 href 屬性為http://www.example.com，可以使用以下代碼：

$('a').attr('href', 'http://www.example.com');

另外，attr 方法也可以接受一個對象作為參數，用于一次設置多個屬性的值：

$(element).attr({
'attr_name1': 'attr_value1',
'attr_name2': 'attr_value2'
});

html 方法用于獲取或設置 HTML 元素的內容（即元素內部的 HTML 代碼）。如果只傳遞一個參數，該方法將返回指定元素的 HTML 內容；如果傳遞兩個參數，將設置指定元素的 HTML 內容。

// 設置內容
$(element).html('html_content');
// 獲取內容
$(element).html();

例如，當我們需要獲取某個div元素的 HTML 內容，可以使用以下代碼：

var div_content = $('div').html();

而如果我們需要將一個p標簽的內容設置為Hello World!，可以使用以下代碼：

$('p').html('Hello World!');

總之，在開發 Web 頁面時，我們可以借助 jQuery 的強大功能來快速地對 HTML 元素進行操作，包括獲取或設置元素的屬性和內容等。