jquery怎么输出html代码-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

jquery输出html代码的方法：1、直接输出标签元素，代码为【var form1 = "<form id=\"myform\" method=\"post\" >"】；2、输出带变量的标签元素，代码为【var country =....】。

jquery输出html代码的方法：

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

1.采用转义符号

var form1 = "<form id=\"myform\" method=\"post\" >"
+"<input type=\"text\" name=\"uname\"  style=\"height:20px;width:100%;\" />"
+"<input type=\"password\" name=\"pwd\" style=\"height:20px;width:100%;\" />"
+"</form>";

2.采用单引号

var form2  = '<form id="myform" method="post" >'
+'<input type="text" name="uname"  style="height:20px;width:100%;" />'
+'<input type="password" name="pwd" style="height:20px;width:100%;" />'
+'</form>';

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

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

var form3 = `<form id="myform" method="post">
   <input type="text" name="uname" style="height:20px;width:100%;" />
   <input type="password" name="pwd" style="height:20px;width:100%;" />
 </form>`