JQuery中的attr()方法能夠操作HTML元素的屬性，其中一個常用的屬性是readonly。當設置了一個元素的readonly屬性為true時，表明該元素為只讀的，用戶無法修改該元素的值。

使用JQuery的attr()方法來設置readonly屬性非常簡單：

$("input[name='user-name']").attr("readonly", true);

上述代碼中，我們以選擇器的方式選中了一個名為“user-name”的input元素，并將其readonly屬性設置為true，即將其標識為只讀的元素。用戶此時無法修改該元素的值。

另外，我們也可以使用attr()方法來獲取元素的readonly屬性值：

var isReadonly = $("input[name='user-name']").attr("readonly");
alert(isReadonly);

在上述代碼中，我們先以選擇器選中了名為“user-name”的input元素，并通過attr()方法獲取了該元素的readonly屬性。如果該屬性被設置為true，則返回字符串“readonly”，否則返回undefined。

總的來說，attr()方法是JQuery中操作元素屬性的常用方法之一。通過該方法，我們可以輕松地設置或獲取元素的readonly屬性值，實現更加靈活的表單控制。