jQuery是一種流行的JavaScript庫,它可以簡化HTML文檔操作和動態頁面效果的創建等操作。本文將介紹jQuery的一種功能:設置節點樣式。
// 設置元素的背景顏色 $('p').css('backgroundColor', '#f0f0f0'); // 設置元素的字體顏色和大小 $('p').css({ 'color': '#333', 'fontSize': '16px' }); // 在元素上添加CSS類 $('p').addClass('highlight'); // 從元素中移除CSS類 $('p').removeClass('highlight'); // 切換元素的CSS類 $('p').toggleClass('highlight'); // 獲取元素寬度和高度 var width = $('p').width(); var height = $('p').height();
以上代碼演示了幾種設置節點樣式的方法,包括設置背景顏色、字體顏色和大小,添加、移除和切換CSS類,以及獲取元素寬度和高度。可以看出,jQuery的語法非常簡單易懂,即使是初學者也能輕松上手。