jquery append()方法

jquery append()方法,第1张

$('#test').childNodes[$('#test').childNodes.length - 1],此方法可向所有匹配元素的内部的尾部追加HTML内容。

特别说明:

此方法是追加内容,并不会删除之前的内容。

html内容就是内容中可以包含html标签,并且能够被浏览器渲染。

文本内容是先将内容中的html预定义字符转换成html字符实体,这样html标签就不会被渲染。

append:向每个匹配的元素内部追加内容。

举个例子:

html代码:<p>I would like to say: </p>

jquery 代码: $("p").append("<b>Hello</b>")

结果:<p>I would like to say: <b>Hello</b></p>

jQuery 1.4 新增的。

这个 *** 作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。

function(index, html)

返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。

----------------------------------------------------------------------

所以:

$("p").append(function(m,n){

return "<b>This p element has index " + (m+n) + "</b>"

}

会得到:

This is a paragraph.This p element has index 0This is a paragraph.

This is another paragraph.This p element has index 1This is another paragraph.

也就是原有<p>中的内容 + This p element has index + 当前这个p的索引 + p自身的内容


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7874033.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-10
下一篇2023-04-10

发表评论

登录后才能评论

评论列表(0条)

    保存