Jquery是一款非常強大的 JavaScript 庫,它可以迅速的操作 HTML 元素。在網頁設計中,我們常常需要動態地添加 HTML 元素,這時使用 Jquery 來添加元素就變得尤為重要。下面我們來介紹如何使用 Jquery 追加一個 div。
$(document).ready(function(){ $("button").click(function(){ var newDiv = "<div>這是一個新的 div 元素</div>"; $("body").append(newDiv); }); });
以上代碼展示了如何使用 Jquery 追加一個 div 元素。首先我們使用 ready() 方法來確保文檔已經加載完成,然后使用 click() 方法來捕獲按鈕的點擊事件,接著使用 append() 方法來將新的 div 元素添加到 body 元素中。
在以上代碼中,我們定義了一個變量 newDiv 來存儲新的 div 元素的 HTML 標記。你可以通過修改這個變量的值,來實現追加不同內容的 div 元素。
總之,Jquery 提供了豐富的方法和函數,可以方便地操作 HTML 元素,特別是在動態添加元素時,Jquery 的便利性就顯現得淋漓盡致了。
上一篇css引入方正字體
下一篇css彈性盒子骰子三