Question

当我需要解决问题的方法时，我在某处看到了这种语法。但是我不知道它究竟意味着什么。我试图找到它的参考但却找不到。

这是：

var a = $('<div>', {class: "foo"});

jQuery文档中是否有关于此的官方说明？

Answer 1

在jquery官方文档上阅读它 here

Answer 2

根据您的问题，该语法用于在DOM中创建自定义HTML元素。

您也可以使用它来创建动态HTML元素作为您的要求。让我为您添加一个示例

var a = $('<div>', {class: "foo"});

是一个声明，你想要创建一个div类，其名称为＆＃34; foo＆＃34;

如果您看到以下代码

＆＃13;

$('<div/>', {
    class: 'foo',
    text: 'Created Div'
    
}).appendTo('#s');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
<div id="s"></div>
</body>
</html>

＆＃13;

此外，您也可以用不同的方式编写上述语法，例如

var a =＆＃34;创建Div＆＃34;

并且它也将执行相同的结果，请参见下面的示例

＆＃13;

var a="<div class='foo'>Created Div</div>"

$("#s").append(a);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
    <body>
    <div id="s"></div>
    </body>
    </html>

＆＃13;

＆＃13; 检查浏览器中的元素，您将看到它是如何创建div的希望它有所帮助。

Answer 3

基本上jQuery中有4个选择器可以与DOM元素进行交互，但主要使用2个。

Class: $('.className').click(handler);
id: $('#idName').click(handler);

我在哪里可以阅读这个jQuery选择器/方法？

3 个答案: