jQuery中有一個常用的函數--append(),它用于將指定的內容追加到選擇的元素中。這意味著,我們可以使用jQuery來動態的向網頁中添加內容。下面是一個簡單的例子:
$(document).ready(function(){ $("p").append("追加的文本"); });
這段代碼會在所有的
元素中添加追加的文本。如果你查看瀏覽器中的HTML源碼,你會看到帶有追加的文本的所有
元素。但請注意,如果選擇的元素存在于您的頁面上多個地方,追加的文本也會在每個地方被添加。
除了文本,append()也可用于添加其他類型的HTML內容。下面是一個例子,用于在文本框中添加一個按鈕:
$(document).ready(function(){ $("input[type='text']").append(""); });
這段代碼會在文本框中添加一個按鈕。同樣地,如果您的頁面有多個文本框,每個文本框都會添加一個按鈕。
append()還可以用于將已存在的元素復制到指定元素中。下面是一個例子,用于將id為“copy”元素復制到id為“paste”的元素中:
$(document).ready(function(){ $("#copy").clone().appendTo("#paste"); });
這段代碼會把id為“copy”的元素復制一份,并將其追加到id為“paste”的元素中。