jQuery是一款非常強(qiáng)大的JavaScript庫，它可以幫助我們更加輕松地操作DOM元素，其中包括對div元素進(jìn)行只讀的設(shè)置。我們可以使用jQuery的attr()方法來實現(xiàn)這個功能。

//獲取指定div元素
var $div = $('#testDiv');
//設(shè)置只讀屬性
$div.attr('readonly', 'readonly');

在上面的代碼中，我們首先使用jQuery選擇器$()來獲取指定id為testDiv的div元素。然后，使用attr()方法來給div元素設(shè)置只讀屬性。其中，'readonly'是只讀屬性的屬性值。由于我們使用了jQuery選擇器，所以可以非常方便地獲取到DOM元素，同時也可以保證代碼的兼容性。

除了使用attr()方法，我們還可以使用prop()方法來設(shè)置只讀屬性。prop()方法與attr()方法非常相似，但是它更加專注于操作DOM元素的屬性。

//獲取指定div元素
var $div = $('#testDiv');
//設(shè)置只讀屬性
$div.prop('readonly', true);

需要注意的是，當(dāng)我們設(shè)置div元素為只讀時，用戶將無法編輯該元素的文本內(nèi)容，但是仍然可以進(jìn)行復(fù)制或粘貼等操作。如果我們需要阻止用戶進(jìn)行這些操作，我們還需要設(shè)置div元素的contentEditable屬性為false。

//獲取指定div元素
var $div = $('#testDiv');
//設(shè)置只讀屬性和contentEditable屬性
$div.prop('readonly', true).prop('contentEditable', false);

上面的代碼中，我們鏈?zhǔn)秸{(diào)用了兩個prop()方法，分別用于設(shè)置只讀屬性和contentEditable屬性。這樣，在實際應(yīng)用中，我們就可以根據(jù)需求選擇合適的設(shè)置方式，以實現(xiàn)div元素的只讀效果。