很多初级开发者不知道“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
发表评论