jQuery附加li和ul_Jquery - Fatal编程技术网

jQuery附加li和ul

jquery

jQuery附加li和ul,jquery,Jquery,我不明白以下四行代码之间有什么不同： $('<li>').addClass('restaurant').appendTo('ul'); $('li').addClass('restaurant').appendTo('ul'); $('li').addClass('restaurant').appendTo('<ul>'); $('<li>').addClass('restaurant').appendTo('<ul>'); $（'）.

我不明白以下四行代码之间有什么不同：

$('<li>').addClass('restaurant').appendTo('ul');  
$('li').addClass('restaurant').appendTo('ul'); 
$('li').addClass('restaurant').appendTo('<ul>'); 
$('<li>').addClass('restaurant').appendTo('<ul>');

$（'）.addClass（'restaurant'）.appendTo（'ul'）；
$（'li'）。addClass（'restaurant'）。appendTo（'ul'）；
$（'li'）.addClass（'restaurant'）.appendTo（'ul>'）；
$（“”）.addClass（'restaurant'）.appendTo（“”）；

谢谢大家!

根据@CBroe标志阐述了这篇文章

<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
<pre><code style="background-color: #f9f2f4;">

    $('<ul>').addClass('list').appendTo('body');

    // Doesn't do anything
    $('<li>').addClass('li1').appendTo('<ul>');
    $('<li>').addClass('li1').append('ul');
    $('<li>').append('<ul>');
    $('<li>').append('ul');

    // Working
    $('<li>').addClass('li1').appendTo('ul');
    $(".list").append("<li>");
</code></pre>
</body>
</html>

创建新元素：jQuery检查字符串是否看起来像HTML（即，它以开头）。如果字符串显示为HTML片段，jQuery将尝试创建新的DOM元素，如HTML所述。然后创建并返回引用这些元素的jQuery对象。jQuery使用本机JavaScript
.createElement（）
函数创建元素

@看

根据@CBroe标志详细阐述了这篇文章

<html> <head> <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.js"></script> </head> <body> <pre><code style="background-color: #f9f2f4;"> $('<ul>').addClass('list').appendTo('body'); // Doesn't do anything $('<li>').addClass('li1').appendTo('<ul>'); $('<li>').addClass('li1').append('ul'); $('<li>').append('<ul>'); $('<li>').append('ul'); // Working $('<li>').addClass('li1').appendTo('ul'); $(".list").append("<li>"); </code></pre> </body> </html>
创建新元素：jQuery检查字符串是否看起来像HTML（即，它以开头）。如果字符串显示为HTML片段，jQuery将尝试创建新的DOM元素，如HTML所述。然后创建并返回引用这些元素的jQuery对象。jQuery使用本机JavaScript
.createElement（）
函数创建元素

@看

$（'foo'）
选择标记名为
foo
的所有元素，而
$（''）
创建标记名为
foo
的元素……你能查看我的帖子吗。我想这可能会澄清你的疑问。
$（'foo'）
选择标记名为
foo
的所有元素，而
$（''）
创建标记名为
foo
的元素……你能看看我的帖子吗。我想这可能会澄清你的疑虑。
var html_object = $( "<p id='test'>My <em>new</em> text</p>" );

html_object.appendTo( "body" );