這個瘋狂的 jQuery 選擇器相當於什么？

Question

我正在嘗試將一些 jQuery 轉換為香草 JavaScript，但這只是讓我難過：

$('<span>[<a href="#" id="addlink">Add</a>]</span>')

Answer 1

它不是一個選擇器，它從這個標記創建 DOM 元素並將其包裝在 jQuery object 中。 請參閱文檔。

 const $el = $('<span>[<a href="#" id="addlink">Add</a>]</span>'); console.log( $el.html() ); $("body").append( $el );

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

所以香草等價物是

 const span = document.createElement("span"); const a = document.createElement("a"); a.href = "#"; a.id = "addlink"; a.textContent = "Add"; span.append( "[", a, "]" ); document.body.append( span );

Answer 2

Vanilla Javascript 方法也可以使用setAttribute() 、 createTextNode()和appendChild()來實現，如下所示。 只是另一種方法。

 const span = document.createElement("span"); const a = document.createElement("a"); a.setAttribute("href", "#"); a.setAttribute("id", "addlink"); const text = document.createTextNode("Add"); a.appendChild(text); span.append("[", a, "]"); document.body.appendChild(span);

 <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width. initial-scale=1.0" /> </head> <body> <script src="./script.js"></script> </body> </html>

這個瘋狂的 jQuery 選擇器相當於什么？

問題描述

2 個解決方案

解決方案1
2

解決方案2
0 2020-12-29 07:36:18

這個瘋狂的 jQuery 選擇器相當於什么？

問題描述

2 個解決方案

解決方案1 2

解決方案2 0 2020-12-29 07:36:18

解決方案1
2

解決方案2
0 2020-12-29 07:36:18