jquery初始化
jQuery 初始化方法
jQuery 的初始化通常涉及引入 jQuery 库并编写代码以确保 DOM 完全加载后执行脚本。以下是几种常见的初始化方式:
方式 1:通过 CDN 引入 jQuery
在 HTML 文件中通过 <script> 标签引入 jQuery 库,推荐使用官方 CDN:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
方式 2:本地引入 jQuery
下载 jQuery 文件并保存在项目中,通过相对路径引入:
<script src="js/jquery-3.6.0.min.js"></script>
方式 3:DOM 就绪后执行代码
使用 $(document).ready() 确保 DOM 加载完成后执行 jQuery 代码:
$(document).ready(function() {
// jQuery 代码
});
方式 4:简写形式$(document).ready() 的简写形式:
$(function() {
// jQuery 代码
});
注意事项
- 引入 jQuery 的
<script>标签应放在<body>末尾或<head>中(需配合DOMContentLoaded事件)。 - 避免与其他库(如 Prototype)冲突,可使用
jQuery.noConflict()。 - 推荐使用最新稳定版本(如 3.6.0+)以获得更好的性能和安全性。







