jq在html中添加dom元素,使用jQuery添加DOM元素的最佳方法

所以我已经看到了三种向页面添加html/DOM元素的方法.我很好奇他们每个人的利弊是什么.

1 - 传统的JavaScript

我相信直接的JS方法是通过构造每个元素,设置属性,然后附加它们.例:

var myRow = document.createElement("tr");

myRow.class = "myClass";

var firstTD = document.createElement("td");

firstTD.innerHTML = "first";

myRow.appendChild(firstTD);

var secondTD = document.createElement("td");

secondTD.innerHTML = "second";

myRow.appendChild(secondTD);

document.getElementById("myContainer").appendChild(myRow);

2 - 通过jQuery追加一串html

我注意到我看到的大多数jQuery示例通常只附加一串html.

例:

$("#myContainer").append('

firstsecond');

3 - jQuery的.clone()

我在jQuery中也看到过很多用法和对.clone()的引用.

例:

$("#myContainer").append($(".myClass").Clone());

我很想听听其他人对此的看法.

(此外,这似乎是'社区维基'的一个很好的候选人,但我对它们不太熟悉.有人会发表评论并让我知道它是否应该？谢谢)

jq在html中添加dom元素,使用jQuery添加DOM元素的最佳方法相关推荐

php 获取子孙,jquery如何查找后代元素？jquery获取后代元素方法
在上一篇我们讲到jquery获取父元素?相信你已经学会了,那么下面我们来讲一下jquery如何查找后代元素?jquery获取后代元素方法. 一: 查找后代元素三种方法 (1)children(): ( ...
html添加删除元素属性,jQuery学习笔记——.attr()和.removeAttr()方法操作元素属性
今天主要和大家一起分享一下如何使用jQuery的jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现:.attr():jQu ...
html添加删除元素属性,jquery怎么删除元素的属性？
jquery怎么删除元素的属性?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在jquery中,可以使用removeAttr()方法来删除元素的属性.r ...
怎样设置html的元素属性,Jquery怎么设置元素的属性和样式？
Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性对于下 ...
HTML给表单元素赋值,JQuery表单元素取值赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 jQuery 表单元素取值与赋值方法总结 function get(){ var test1 = $("input.test1").va ...
java显示长度和第一个字符_从Java字符串中以长度1的字符串返回的第一个字母的最佳方法是什么？...
假设以下内容: String example = "something"; String firstLetter = ""; 以下分配方式firstLetter ...
python3设置编码背景颜色_在pythongtk3中设置条目背景颜色并设置回defau的最佳方法...
我将首先解决您提到的问题,因为这些问题可以深入了解GTK和OP的代码.主要问题的答案(以及执行此操作的适当代码)位于答案的底部.If I insert a text, not containing s ...
html 表单元素美化,jQuery表单元素美化
插件描述:richUI单选按钮,复选框,下拉框,css美化更新时间:2020-08-01 21:13:17 更新说明:操作按钮方式一致, 如绑定事件等. 具体用法如下:$(function() { ...
jq增加删除html标签,jQuery添加\删除元素
jQuery添加\删除元素 html> jquery添加和删除元素 $(function(){ //添加元素 //元素内部添加 //append()在被选元素的结尾插入内容; // $('but ...

jq在html中添加dom元素,使用jQuery添加DOM元素的最佳方法

jq在html中添加dom元素,使用jQuery添加DOM元素的最佳方法相关推荐

最新文章

热门文章