jQuery是一款非常流行的JavaScript庫，它提供了一種輕量級的JavaScript語法來操作HTML文檔中的元素。而通過使用jQuery，我們能夠非常方便地修改組件屬性，從而實現我們想要的頁面交互效果。

在使用jQuery修改組件屬性時，最常用的方法是使用attr()函數。這個函數可以接受兩個參數，第一個參數是要修改的屬性名稱，第二個參數是要設置的屬性值。

// 設置id為myButton的按鈕的背景顏色為紅色
$("#myButton").attr("style", "background-color:red");

通過上述代碼，我們可以輕松地將id為myButton的按鈕的背景顏色設置為紅色。除了設置樣式，我們還可以通過attr()函數來設置元素的其他屬性，比如class和value。

// 給id為myInput的文本框添加一個名為inputClass的class
$("#myInput").attr("class", "inputClass");
// 將id為myInput的文本框的值設置為"Hello World"
$("#myInput").attr("value", "Hello World");

除了attr()函數外，jQuery還提供了很多其他的函數來修改組件屬性，比如prop()函數、css()函數等等。通過學習這些函數，我們可以更加靈活地使用jQuery來操作頁面元素，實現我們想要的頁面交互效果。