jQuery是一種廣泛使用的Javascript庫,它提供了許多方便的方法來操作HTML元素。其中一個非常重要的方法是設置CSS樣式屬性值。
// 選擇元素并設置樣式屬性值 $('p').css('color', 'red'); // 選擇多個樣式屬性并設置它們的值 $('p').css({ 'color': 'red', 'font-size': '16px', 'background-color': '#f3f3f3' }); // 獲取和設置樣式屬性值 var color = $('p').css('color'); $('p').css('color', 'green'); // 使用回調函數設置樣式屬性值 $('p').css('font-size', function(prevSize){ return parseFloat(prevSize) * 1.2 + 'px'; });
以上代碼演示了四種不同的設置CSS樣式屬性值的方法。首先,我們可以選擇單個HTML元素并使用“css”方法設置其CSS屬性值。其次,我們可以選擇多個CSS屬性并同時將它們的值設置為一個對象。第三,我們可以獲取和設置單個CSS屬性的值。最后,我們可以使用回調函數設置CSS屬性值,該函數返回值將覆蓋以前的值。這些方法可以使用在任何需要動態修改CSS樣式的地方。
上一篇css樣式 div
下一篇css字體撐開div