在前端開發中，我們經常需要通過JavaScript來操作文檔中的元素，而jQuery則是廣泛使用的一個JavaScript庫。jQuery具有非常強大的DOM操作能力，其中，設置內容和屬性則是常用的操作之一，本文將為大家講解jQuery設置內容和屬性的作用。

設置元素的內容是通過.text()和.html()方法來實現的。.text()方法用于設置元素的純文本內容，而.html()方法則用于設置元素的HTML內容。以下是兩個方法的示例：

//設置ID為demo的元素文本內容
$("#demo").text("Hello World!");
//設置ID為demo的元素HTML內容
$("#demo").html("<p>Hello World!</p>");

設置元素的屬性是通過.attr()方法來實現的。該方法可用于設置元素的任何屬性，如class、id、src等等。以下是.attr()方法的示例：

//設置ID為demo的元素class屬性
$("#demo").attr("class", "newClass");

通過jQuery設置元素的內容和屬性，可以使代碼更簡潔、高效，同時具有跨瀏覽器兼容性、易用性等優點。因此在前端開發中，使用jQuery操作文檔對象是十分值得推薦的。