jQuery是一種廣泛應用于網頁開發的JavaScript庫,它提供了豐富的API和方法,使得對網頁元素的操作變得更加簡便和高效。其中一個常用的操作就是通過jQuery來設置CSS樣式。下面我們來看看如何使用jQuery來設置三列的CSS樣式。
// 設置三列CSS樣式
$(document).ready(function() {
// 設置第一列的樣式
$('#col1').css({
'float': 'left',
'width': '33%',
'background-color': '#ccc'
});
// 設置第二列的樣式
$('#col2').css({
'float': 'left',
'width': '33%',
'background-color': '#eee'
});
// 設置第三列的樣式
$('#col3').css({
'float': 'left',
'width': '33%',
'background-color': '#fff'
});
});
以上代碼可以在HTML文件中的