jQuery(簡寫為 $)是一個非常流行的JavaScript框架,使用它可以輕松地查找和操作HTML元素。在jQuery中,使用css()方法可以獲取或設置HTML元素的CSS屬性。下面是一個例子:
<!-- HTML代碼 --> <div id="myDiv" class="box">Hello World!</div> <!-- jQuery代碼 --> var color = $('#myDiv').css('color'); console.log(color); // 輸出:rgb(0, 0, 0)
在上面的代碼中,我們先定義了一個id為myDiv、class為box的div元素,然后使用jQuery的css()方法獲取其中的color屬性,并將其打印到控制臺中。
另外,還可以一次獲取多個CSS屬性,只需要在css()方法中傳遞屬性名稱的數組即可:
var cssObj = $('#myDiv').css(['color', 'background-color']); console.log(cssObj.color); // 輸出:rgb(0, 0, 0) console.log(cssObj.backgroundColor); // 輸出:rgb(255, 255, 255)
上面的代碼中,我們使用數組傳遞了color和background-color兩個屬性,并將它們存儲在了一個對象中。
如果要設置CSS屬性,只需要在css()方法中同時傳入屬性名和屬性值即可:
$('#myDiv').css('color', 'red');
上面的代碼中,我們將myDiv元素的color屬性設置為紅色。
總之,通過css()方法,我們可以方便地獲取或設置HTML元素的CSS屬性,這對于網頁的動態效果設計非常有幫助。
下一篇jq移除屬性css