2017-08-29 65 views
-1

当我需要解决我的问题时,我在某处看到了这种语法。但是我不知道它到底意味着什么。我试图找到它的参考,但找不到一个。我在哪里可以阅读关于这个jQuery选择器/方法?

这就是:

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

有jQuery文档在这方面有任何官方的说明吗?

+1

您可以在http://api.jquery.com/jQuery/#jQuery-读到它html-attributes –

+0

它创建一个'div':“如果该字符串看起来像是一个HTML片段,那么jQuery将尝试创建新的DOM元素,如HTML” – david25272

回答

0

jQuery的官方文档 here

0

读到它根据您的问题,即语法用于创建DOM您的自定义HTML元素。

您还可以使用它来创建动态HTML元素作为您的要求。让我加你

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

是你想创建一个div的声明的例子类名称为“foo”

如果你看到下面的代码

$('<div/>', { 
 
    class: 'foo', 
 
    text: 'Created Div' 
 
    
 
}).appendTo('#s');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
<body> 
 
<div id="s"></div> 
 
</body> 
 
</html>

此外你也可以写在上面的语法以不同的方式,例如

VAR一个=“创格”

,它也将执行同样的结果见下文

var a="<div class='foo'>Created Div</div>" 
 

 
$("#s").append(a);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <body> 
 
    <div id="s"></div> 
 
    </body> 
 
    </html>
的例子 检查浏览器中的元素,你会看到它是如何创建一个div 希望它有帮助。

+0

所描述的那样。如果我写'$({foo:5})'会怎么样?这是一个有效的jQuery语句吗?如果是,那么这意味着什么? –

+0

不,你写的是错的,它不代表什么。 –

+0

但它不会在控制台中给出任何错误。看起来它是有效的。 –

0

基本上有4个选择jQuery中与DOM元素进行交互,但大多采用2

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

绝对超过4个选择器:https:// api.jquery.com/category/selectors/ – sandrooco

+0

你介意不总是编辑你的答案坏格式? – sandrooco

相关问题