append()
$(selector).append(content,function(index,html))
在末尾追加,用于在选取元素里的最后面追加内容
content:必需。规定要插入的内容(可包含 HTML 标签)。
可能的值:HTML 元素、jQuery 对象、DOM 元素
function(index,html):可选。规定返回待插入内容的函数。
index - 返回集合中元素的 index 位置。
html - 返回被选元素的当前 HTML。
例子:
$("button").click(function(){
$("p").append(function(n,old){
if(old=="这是一个段落。")
return "<b>该P元素的下标为 " + n + "。</b>";
});
});
prepend()
$(selector).prepend(content,function(index,html))
在最前面追加,用于在选取元素里的最前面追加内容
content:必需。规定要插入的内容(可包含 HTML 标签)。
可能的值:HTML 元素、jQuery 对象、DOM 元素
function(index,html):可选。规定返回待插入内容的函数。
index - 返回集合中元素的 index 位置。
html - 返回被选元素的当前 HTML。
before()
$(selector).before(content,function(index))
在元素前面添加内容,用于在选取元素外的前面添加内容
content:必需。规定要插入的内容(可包含 HTML 标签)。
可能的值:HTML 元素、jQuery 对象、DOM 元素
function(index):可选。规定返回待插入内容的函数。
index - 返回集合中元素的 index 位置。
after()
$(selector).after(content,function(index))
在元素后面添加内容,用于在选取元素外的后面添加内容
content:必需。规定要插入的内容(可包含 HTML 标签)。
可能的值:HTML 元素、jQuery 对象、DOM 元素
function(index):可选。规定返回待插入内容的函数。
index - 返回集合中元素的 index 位置。