jQuery中有一個非常重要的方法,那就是append方法,它可以將一個或多個元素添加到指定的元素之后。這個方法非常常用,在我們的日常開發中經常會用到。
下面我們來看一下append方法具體的用法。首先,我們需要使用$(selector)來選擇要添加內容的元素,然后使用append()方法來向該元素中添加內容。例如:
$(document).ready(function(){ $("p").append("這是新添加的內容!"); });
上述代碼可以在所有的「p」標簽后添加一段新的文本內容。如果我們需要添加一個html元素,可以將html元素作為參數傳遞給append方法,例如:
$(document).ready(function(){ $("p").append("這是加粗的文本"); });
上述代碼則在所有的「p」標簽后添加一段加粗的文本。append方法還可以接受一個函數作為參數,實現更加復雜的添加操作。例如:
$(document).ready(function(){
$("p").append(function(){
return "" + $(this).text() + "";
});
});
上述代碼則在所有的「p」標簽后添加一個「span」標簽包含該「p」標簽的文本內容。
需要注意的是,如果我們想在某個元素的開頭添加新的內容,可以使用prepend方法,其用法類似于append方法。