jQuery是一个JavaScript库，因此您可以将jQuery与任何其他JavaScript函数一起使用。
引发为我想知道是否可以只在$(document).ready()的顶部声明<script>并在其中编写常规的普通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>
问题引起了我的疑问，我是否可以仅在
jQuery是一个JavaScript库，因此您可以将jQuery与任何其他JavaScript函数一起使用。
您的特定示例不起作用，因为.style是DOM对象而不是jQuery对象的属性。
您可以从jQuery对象中提取一个DOM对象：
$('#demoDiv')[0].style.display = 'none';或者只是一直使用jQuery API：
$('#demoDiv').css("display", "none");
使用jQuery时，您总是使用香草JS。事实是，jQuery是用JavaScript编写的。
即使jQuery的精华$，也是底层的普通JavaScript函数。
您应避免内联事件处理程序。另外，使用查询的css()管理样式：
$(document).ready(function() { $('#testButton').click(testFunc); function testFunc() { $('#demoDiv').css({display:'none'}); } });#demoDiv { width: 200px; height: 200px; border: 2px brown solid; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id='demoDiv'></div> <br> <button id='testButton'>Test</button>
jQuery是一个JavaScript库，因此您可以将jQuery与任何其他JavaScript函数一起使用。
使用jQuery时，您总是使用香草JS。事实是，jQuery是用JavaScript编写的。
您应避免内联事件处理程序。另外，使用查询的css()管理样式：