Jquery中var li_1=$("<li></li>")和var li_1="<li></li>"有什么区别。

Question

今天看《锋利的Jquery》中的DOM操作时，看到书上插入一个li时，这么写到

var $li_1=$("<li></li>");//创建第一个<li>元素
$("ul").append($li_1);

为什么不可以写

var $li_1="<li></li>";

有什么区别呢？

Answer 1

两种都可以添加节点，只不过第一种方式使用$直接转成jquery对象，方便后续操作，比如你添加完节点之后需要添加内容吧，可以：

var $li_1=$("<li></li>");//创建第一个<li>元素
$li_1.text("22222");

但是，直接使用
var $li_1="<li></li>"
$li_1只是一个字符串变量，不能进行啥操作。

Answer 2

第一种可以拿到 li 的引用
第二种只是一个字符串
比如我想在<li></li>中添加内容，$li_1.text('你好')，这种情况下，第二种就不可用了。