Question

我想使用document.querySelector或$ jQuery选择器的Javascript选择器jQuery，但我想将Javascript选择器与jQuery函数结合使用（如.getJSON()，{ {1}}，.html()等。）

例如：

.append()

当我使用 document.querySelector 时，我得到$.getJSON("list.json", function(data) { document.querySelector("#content").html(data.name); });，当我使用 $ 时，我不会收到任何错误。

jsFiddle Test

是否可以一起运行jQuery和Javascript？

谢谢！

Answer 1

关闭是的！可以在您的应用程序中一起运行jQuery和JavaScript。

您需要知道的是，在尝试运行某些方法时，它是一个JavaScript对象。 jQuery有时可以派上用场。但是，是的！你可以和他们一起工作。

其次，请记住jQuery是一个JavaScript的库。它不是JS以外的任何东西。简单来说，jQuery需要运行JavaScript。 JavaScript不需要运行jQuery。

从这个MDN源代码可以看出，您可以按原样使用该方法。

document.querySelector(".someclass");

https://developer.mozilla.org/en-US/docs/Web/API/document.querySelector

您现在需要确保的是，您尝试访问的课程存在。

Answer 2

$.getJSON("list.json", function(data) {
    $(document.querySelector("#content")).html(data.name);
});

PS：

但到处都没有任何意义。查看@ afzaal-ahmad-zeeshan的答案＆amp;阅读如何使用DOM元素的原生功能。 jQuery不是灵丹妙药。

Answer 3

jslayer的回答给了我一个主意，这似乎行得通。在$()中包装js代码似乎可以工作（尽管我不确定为什么）。

例如，使用slideToggle()（我认为这仅在jQuery中可用）进行

event.target.nextElementSibling.slideToggle()

不起作用，但是

$(event.target.nextElementSibling).slideToggle()

确实。

我可以将jQuery与Javascript结合使用吗？

3 个答案: