包含< and >的jQuery選擇器有什麼意義？

Question

我曾經看到一個jQuery選擇器，它是這樣的：

$('<h1>').someAction(); 

我讀過，這是應該建立一個HTML元素，而不是選擇它。真的嗎？如果是的話，這麼做有什麼意義呢？

Answer 1

是的，它會創建新的HTML元素，例如，您可以創建一個h1並設置一些文本中像這樣 -

var $myH1 = $('<h1>').text('Some H1 Text !!');

注意，這個HTML元素不存在DOM中還這只是一個jQuery對象。要添加這個在DOM，

$('body').append($myH1);

Answer 2

它確實不創建一個元素。它比常規的JavaScript的document.createElement("h1")更短的語法，你可以使用jQuery的功能馬上：

$("<h1>").text("Hello World").click(function() {...}).appendTo("body"); 

這是超級方便。

您也可以構建並使用這項功能全HTML DOM片段：

$("<h1>Hello World</h1>") 

Answer 3

的$(...)功能主要有三個目的。

1. 正如您所指出的那樣，選擇現有的DOM元素。

2. 創建DOM片段。請參閱：http://api.jquery.com/jQuery/#jQuery2 這允許開發人員在將它附加到DOM本身之前創建一個複雜的，事件處理的元素集合。這對於性能和編寫可重用代碼來說更好。

3. 很少有人知道/使用過，用於設置文檔就緒狀態的回調。