jQuery是一款非常流行的JavaScript庫,提供了很多方便的API來操作HTML、CSS、DOM等。其中,append()和css()是兩個經常使用的方法。
append()方法可以將HTML元素添加到指定的DOM元素中。它接受一個參數,可以是HTML代碼、DOM元素或jQuery對象。下面是一個例子:
// 將HTML代碼添加到指定元素中 $('#container').append('<div>hello world</div>'); // 將DOM元素添加到指定元素中 var div = document.createElement('div'); div.innerHTML = 'hello world'; $('#container').append(div); // 將jQuery對象添加到指定元素中 var div = $('hello world'); $('#container').append(div);
css()方法可以設置元素的CSS樣式。它接受兩個參數,第一個參數是CSS屬性名稱,第二個參數是CSS屬性值。下面是一個例子:
// 設置元素的背景色為紅色 $('#container').css('background-color', 'red'); // 同時設置多個CSS屬性 $('#container').css({ 'background-color': 'red', 'color': 'white' });
使用jquery的append()和css()方法,我們可以方便地操作HTML和CSS,讓網頁變得更加豐富和美觀。