我能把jQuery和Javascript结合起来吗?

Can I combine jQuery with Javascript?

本文关键字：结合 起来 Javascript jQuery      更新时间：2023-09-26

我想使用Javascript选择器document.querySelector而不是$或jQuery jQuery选择器，但我想将Javascript选择器与jQuery函数(如.getJSON(), .html(), .append()等)相结合。

例如:

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

当我使用文档时。querySelector我得到Uncaught TypeError: undefined is not a function，当我使用$我没有得到任何错误。

jsFiddle测试

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

谢谢!

当然可以!可以在应用程序中同时运行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

你现在需要确保的是，你要访问的类存在

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

但是到处使用它没有任何意义。查看@afzaal-ahmad-zeeshan的回答&阅读如何使用DOM元素的本地函数。jQuery不是万能的

jslayer的回答给了我一个想法，这似乎是可行的。在$()中包装js代码似乎有效(尽管我不确定为什么)。

例如，要使用slideToggle()(我认为它只在jQuery中可用)，执行

event.target.nextElementSibling.slideToggle()

不工作，但是

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

。

相关文章：