Jquery中的append()函數是很常用的一個方法,可以在指定元素的最后一個子元素后面添加一個或多個子元素,讓我們來看一下它的具體用法。
$(document).ready(function(){ $("#btn").click(function(){ $("ol").append("
在這個例子中,我們定義了一個按鈕和一個有序列表,當按鈕被點擊時,執行了一個匿名函數,函數中向ol元素中添加一個新的li子元素。
除此之外,我們還可以使用append()函數添加已有的HTML元素、文本、jQuery對象等。下面是一個添加HTML元素的例子:
$(document).ready(function(){ $("#btn").click(function(){ $("
在這個例子中,我們使用了appendTo()函數來實現相同的效果,也可以使用append()函數,只需要把文本節點或jQuery對象放在括號內即可。
append()函數也可以向一個空的元素中添加新的內容,讓我們來看一個例子:
$(document).ready(function(){ $("#btn").click(function(){ $("#empty-div").append("新的段落
"); }); });
在這個例子中,我們向一個空的div元素中添加一個新的段落元素,這樣就可以動態地添加新的內容到頁面中。
總的來說,Jquery中的append()函數是一個非常實用的工具,可以讓我們輕松地向頁面中添加新的元素、文本和HTML代碼,方便我們在開發中更加快捷地實現各種功能。