HTML標記上的JQuery選擇器做什麼？

Question

我注意到

$("<a></a>").text("wow"); 

將會把一個標籤內的文本"wow"並導致

<a>wow</a> 

我無法找到此文件。我還能在哪裏使用它？它僅在text()內有效嗎？

Answer 1

確實記錄在案。它是$()函數的the second form。

您問題中的代碼會創建一個新的<a>元素，然後將其內部文本設置爲wow。您可以用這種方式從任意HTML標記創建DOM元素樹，並且可以在結果對象上調用所有jQuery方法，不僅可以調用text()。

Answer 2

的

$("<a></a>") 

返回一個jQuery對象，你可以調用大多數的jQuery函數。例如，你可以這樣做：

$("<a></a>").attr("id","anchor1").css({color:"#ff0000"}).appendTo("#parent"); 

可以簡化這個有點通過只是在做

$("<a>"). 

Answer 3

它實際上是解析HTML元素，然後將文本操作它。

您將能夠做同樣的事情與任何HTML字符串，就拿：

$("<input type='text' value='Hello World!' />").val()將返回的Hello World。

選擇器將解析任何傳遞的HTML，這是如何執行標準的單擊事件並應用$（this），這是包含事件觸發的HTML元素的選擇器。

希望這可以澄清你的困惑！

Answer 4

這不是一個選擇器，它是一個元素的創造者。

將有效的HTML代替$()創建該HTML。此後對.text()的調用當然是分開的，並且會更改剛剛創建的元素的內部內容。