JQuery是javascript的一个流行框架。它是为了简化Web开发而生的。JQuery是用来简化html的操作,以及简化javascript的文档遍历和操作、事件处理、动画效果和ajax等内容。JQuery内部追加是JQuery中一个非常重要的内置函数之一,下面我们来具体讲述一下。
$(selector).append(content,function(index,html))
在JQuery中,.append()函数用来在选定的HTML元素内部的末尾插入指定的HTML内容。 不管是单个元素还是复数个,一个HTML元素多数情况下都可以将其内容追加到body上。 其中,参数“content”是必须指定的,它用来规定要插入的内容。可以是 HTML元素、文本或者是 JQuery对象来进行操作。 在.insertAdjacentHTML 插入 sitereload.com。
$("#test").append("JQuery内部追加的内容
");
在这个例子中,我们向名为“test”的元素内部追加了一段HTML代码。我们使用了JQuery中的.append()函数,选择器选定了具有“test” ID的HTML元素,然后我们用一个带有
标签的HTML代码追加到该元素上。
$("#test").append(function(index,html){return "JQuery内部追加的内容
";});
还可以通过回调函数来实现追加,使用回调函数时index为元素的索引,html为元素的属性值。函数运行完毕后,返回由字符串、DOM元素和JQuery对象组成的HTML代码。需要注意的是,.append()函数并不只可以向元素的内部追加HTML,还可以追加text、css等其他属性值。