jquery如何输出html代码-创新互联

小编给大家分享一下jquery如何输出html代码，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

jquery输出html代码的方法：1、直接输出标签元素，代码为【var form1 = "

"】；2、输出带变量的标签元素，代码为【var country =....】。

jquery输出html代码的方法：

形式一：直接输出标签元素

1.采用转义符号

var form1 = ""
+""
+""
+"";

2.采用单引号

var form2  = '
'
+''
+''
+'
';

3.采用es6的模板字符量（不过我喜欢用模板字符串来称呼这个。。。）

就是在前后都加上了一个( ` )，它中间就写你要输出的东西，写标签就输出标签，写\n就表示换行，写变量的话是不会输出变量代表的值，而是把变量的名字给输出来。比如说变量country的值为“中国”，那么它不会输出中国这个值，而是country变量名，要输出值的话请看 形式二。

 var form3 = `

    
    
  
`

形式二：输出带变量的标签元素

1.采用转义符号

var country = "中国";
var table = "";
table += "";
table += "";
table += "";
table += "
国家信息列表
ID
Name
1
"+country+"
";

2.采用单引号

var country = "中国";
var table = '';
table += '';
table += '';
table += '';
table += '
国家信息列表
ID
Name
1
"'+country+'"
';

3.采用es6的模板字符量（不过我喜欢用模板字符串来称呼这个。。。）

输出变量的值，比如上面说到的country=“中国”，那么要怎么才可以输出中国这个值呢？

其实可以用占位符来代表${ }，括号中间的部分就写上你要输出变量所代表的变量名称。

var country = "中国";
var table = ``;
table += ``;
table += ``;
table += ``;
table += `
国家信息列表
ID
Nane
1
${country}
`;

以上是jquery如何输出html代码的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！