可以同时使用 JavaScript 和 JQuery 吗？

Question

问题被引发为 我想知道我是否可以在 <script> 的顶部声明 $(document).ready() 并在其中编写常规的 vanilla JS，这样我就不必每次使用 JQuery.

时声明 $(document).ready()

我还测试了 JQuery 是否可以在本地与 JS 一起使用（在“{}”内）。但似乎下面的代码不起作用。

有人可以澄清一下吗？谢谢。

<style>

#demoDiv {
    width: 200px;
    height: 200px;
    border: 2px brown solid;
}

</style>
</head>
<body>

<div id='demoDiv'></div>
<br>
<button id='testButton' onclick='testFunc()'>Test</button>

<script>

$(document).ready(function() {

function testFunc() {
    $('#demoDiv').style.display = 'none';
}

});


</script>
</body>

Answer 1

当你使用 jQuery 时，你总是使用 vanilla JS。问题是，jQuery 写在 JavaScript.

甚至 jQuery、$ 的精髓也是底层的 JavaScript 功能。

Answer 2

jQuery 是一个 JavaScript 库，因此您可以将 jQuery 与任何其他 JavaScript 函数一起使用。

您的特定示例不工作有两个原因。

首先，因为 .style 是属性个 DOM 个对象，而不是 jQuery 个对象。

您可以从 jQuery 对象中提取一个 DOM 对象：

$('#demoDiv')[0].style.display = 'none';

或者一直使用 jQuery API:

$('#demoDiv').css("display", "none");

其次，因为 testFunc 不是全局的，所以超出了您的内联事件处理程序的范围。

改用$('#testButton').on('click', testFunc)。

可以同时使用 JavaScript 和 JQuery 吗？

Is it possible to use JavaScript and JQuery at the same time?

javascript

html

jquery

function

document-ready