如何调用jQuery库函数?
调用JavaScript库函数非常容易。您需要使用脚本标签。正如使用jQuery时所做的几乎所有操作一样,它读取或操作文档对象模型(DOM)时,我们需要确保在DOM准备就绪后立即开始添加事件等。
如果希望事件在页面上运行,则应在$(document).ready()函数内调用该事件。DOM加载后以及页面内容加载之前,其中的所有内容都将加载。
为此,我们为文档注册一个ready事件,如下所示:
$(document).ready(function() {
//在DOM准备就绪时做一些事情
});要调用任何jQuery库函数,请使用HTML脚本标签:
<html>
<head>
<title>jQuery Function</title>
<script src = "https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("div").click(function() {alert("Hello, world!");});
});
</script>
</head>
<body>
<div id = "mydiv">
Click on this to see a dialogue box.
</div>
</body>
</html>