jQuery是一個廣泛使用的JavaScript框架之一，為網站開發者提供了許多方便的工具和方法。其中就有attr()和prop()函數，這兩個函數經常被用來操作元素的屬性和屬性值。那么這兩個函數有什么不同呢？

// 設置元素的屬性
$("img").attr("src", "img/image.jpg");
// 獲取元素的屬性
var src = $("img").attr("src");

attr()函數主要用來獲取和設置HTML標簽的屬性值。它可以用來改變元素的屬性值，比如改變一個圖片的源文件，或者改變一個鏈接的URL地址。attr()函數可以用于大部分可見屬性，如href、src、title等等。但是它不能用來更改非標準屬性，比如data-*屬性。

// 設置checkbox的checked狀態
$("input[type='checkbox']").prop("checked", true);
// 獲取checkbox的checked狀態
var checkboxStatus = $("input[type='checkbox']").prop("checked");

prop()函數作用是獲取和設置HTML標簽的屬性，但是它主要是用于更改元素的特性屬性，比如checked、readonly、selected等等。它也可以更改HTML5 data-*屬性的值。總體來說，prop()函數是用來更改元素的狀態或特性的，而不是主要用來更改元素的屬性值。

因此，在使用jQuery來操作HTML標簽時，請根據具體需要選擇attr()或prop()函數。如果您要更改HTML標簽的屬性值，則使用attr()函數；如果您要更改HTML標簽的特性屬性，則使用prop()函數。