jquery中append和prepend的用法

最新推荐文章于 2022-11-08 22:30:00 发布

原创最新推荐文章于 2022-11-08 22:30:00 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #ViewUI

Jquery 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了jQuery中prepend和append方法的区别及应用实例。prepend用于将参数指定的内容插入到每个匹配元素内部的开头位置，而append则是将内容追加到匹配元素内部的末尾。通过示例展示了如何使用这两种方法创建表单元素。

append 是插入到元素中,并放到元素内的最后面
prepend 是插入到元素中,并放到元素内的最前面
例
$("body").prepend('<form id="form01" name="user_name" action="login.php" method="post" ></form>');
$("#form01").append('<input id="user_name_id" name="user_name" type="text" ></input>');
$("#form01").append('<input id="user_pass_id" name="user_pass" type="password" ></input>');
$("#form01").append('<input type="submit" name="button" id="button" value="提交" /></input>');