2010-01-16 105 views
2

從我正在閱讀的代碼的上下文中,似乎$("<tag></tag>")創建了一個標籤,其中$('<tag>')是一個用於搜索標籤的選擇器。這裏發生了什麼?其實我可能沒有第二個的語法正確,但我確信我已經完成了這樣的$('idName')

發生了什麼事?

回答

2

$("<tag></tag>")$("<tag>")$("<tag />")之間的區別是個人風格/偏好(除非您使用IE,顯然,請參閱評論)。所有這三個將使用本地createElement()方法來創建一個現在的DOM元素。如果標籤有參數,它將解析它們通過其他方式創建元素。

在這裏創造的東西更多信息:http://api.jquery.com/jQuery/#jQuery2

選擇由ID的元素,你會使用$("#idName")

按標籤名稱$("tag")選擇現有元素。

按類名選擇現有元素,$(".className")

在這裏選擇的東西更多信息:http://api.jquery.com/jQuery/#jQuery1

+0

瑞安,所不同的是不只是個人喜好,但如果你用$實際上可能造成的問題在IE(「」)。至少根據核心jQuery團隊成員Cody Lindley在他的書jQuery Enlightenment中。 – 2010-01-16 07:29:16

+0

感謝您的指針。還有一個讓我感到高興的理由是,我通常可以在內部應用上忽略IE。 – 2010-01-16 07:37:37

2

創建一個元素:其ID

$("div").addClass("myClass"); // <div></div> -> <div class='myClass'></div> 

選擇一個元素:其class

$("#myDiv"); // selects <div id='myDiv'>Hello World</div> 

和:

$("<div>Hello</div>").appendTo("body"); // <body><div>Hello</div></body> 

選擇的DIV

$(".myDiv"); // selects <div class='myDiv'>Hello World</div> 
0

雙引號和單引號沒有區別。

Jonathan給了你一個選擇器和DOM元素創建不同的好例子。它可以用這個也做:

創建一個元素:

$('<div></div>'); 
$("<div class='class1'></div>"); 
$('<div attrib="val"></div>'); 

選擇的DIV

$('div'); 

然而$('<tag>')不會選擇一個標籤。請參閱docs

相關問題