首頁 > 網際網路

jQuery如何向HTML新增指定的內容

2019-12-12 19:28:41

在jquery中,向HTML新增指定的內容可以使用append()方法,下面以點選「新增內容」按鈕,向div新增新的一行內容為例,講解jQuery如何向HTML新增指定的內容。

1

新建一個html檔案,命名為test.html,用於講解jQuery如何向HTML新增指定的內容。


2

在test.html檔案內,使用script載入jquery.min.js檔案,主要用於載入jquery庫檔案使用append()方法。


3

在test.html檔案內,建立一個div塊,在div內使用p標籤建立一行內容,同時使用css設定文字的大小為30px,顏色為紅色。


4

在test.html檔案內,建立一個button按鈕,用於點選按鈕時,向div新增內容。


5

在test.html檔案內,給button按鈕系結click點選事件,當按鈕被點選時,執行function函數。


6

在function函數內,獲得div物件,通過append()方法向div新增新的一行內容。


7

在瀏覽器開啟test.html檔案,點選按鈕,向div新增新的一行內容,如下圖所示:




IT145.com E-mail:sddin#qq.com