JQ创建元素的方法

小彬 管理员

作者很懒,什么都没留下!

字数723个, 阅读全文: 3 分钟
首页 JQuery 正文

很多初级开发者不知道“JQ创建元素的方法”,下面是示例代码:

var elementobj = $('<p>这是一个P标签</p>';
// 五种方法 将 p 标签添加到页面中:
// 1、替换目标元素中的内容,原内容将清空
//   若查询结果为 elementlist 则全部实体均会被新内容替换
$(selector).html('<p>这是一个P标签</p>');
// 2、添加到目标元素中的末尾,原内容保留
//   若查询结果为 elementlist 则全部实体均会添加 elementobj
//   若连续添加多个元素,则会依次排列在已添加元素之后
$(selector).append(elementobj);
// 3、添加到目标元素中的开头,原内容保留
//   若查询结果为 elementlist 则全部实体均会添加 elementobj
//   若连续添加多个元素,则会依次排列在已添加元素之前
$(selector).prepend(elementobj);
// 4、添加到目标元素之前
//   若查询结果为 elementlist 则全部实体均会添加 elementobj
//   若连续添加多个元素,当前新增元素紧挨目标元素之后
$(selector).before(elementobj);
// 5、添加到目标元素之后
//   若查询结果为 elementlist 则全部实体均会添加 elementobj
//   若连续添加多个元素,当前新增元素紧挨目标元素之前
$(selector).after(elementobj);
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.xiaobinblog.com/1108.html
-- 展开阅读全文 --
JS创建元素方法
« 上一篇 2023-03-24
JQ ajax()方法
下一篇 » 2023-03-24

发表评论

动态快讯

互动读者

  • 小站长 管理员

    作者很懒,什么都没留下!

    小站长 文章 5 篇
    作者很懒,什么都没留下!
  • 小彬 管理员

    作者很懒,什么都没留下!

    小彬 文章 139 篇
    作者很懒,什么都没留下!

热门文章

1
2
3

最多点赞

小彬 管理员

作者很懒,什么都没留下!

11赞, 阅读:24.9616w
小彬 管理员

作者很懒,什么都没留下!

7赞, 阅读:21.9625w
小彬 管理员

作者很懒,什么都没留下!

7赞, 阅读:21.9611w
小彬 管理员

作者很懒,什么都没留下!

7赞, 阅读:21.9533w

标签TAG