>首页> IT >

jquery怎么在body中增加元素

时间:2022-04-22 11:28:10       来源:PHP中文网

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

在body中增加元素,就是向body内部添加子元素。下面本篇文章给大家介绍两种使用jquery向body内部添加子元素的方法。

方法1:使用append()

使用 prepend( ) 方法向body元素内部的“开始处”插入内容(元素或者文本)

语法:

$("body").append(新元素)

示例:

<script src="js/jquery-1.10.2.min.js"></script><script>$(function() {$("button").click(function() {var newp = "

一个新段落

";$("body").append(newp);})})</script>

方法2:使用prepend()

使用 prepend( ) 方法向所选元素内部的“开始处”插入内容。

语法:

$("body").prepend(新元素)

示例:

<script src="js/jquery-1.10.2.min.js"></script><script>$(function() {$("button").click(function() {var newp = "

一个新段落

";$("body").prepend(newp);})})</script>

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么在body中增加元素的详细内容,更多请关注php中文网其它相关文章!

关键词: 相关文章 视频教程 给大家介绍