时间戳

首页 > 解决方案 > 是否可以同时使用 JavaScript 和 JQuery？

javascript - 是否可以同时使用 JavaScript 和 JQuery？

问题描述

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

我还测试了 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>

标签： javascripthtmljqueryfunctiondocument-ready

解决方案

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)。

推荐阅读