要在 HTML 中使用 jQuery 库,需要先从官网下载 jQuery 库文件,然后在 HTML 页面中使用 script 标签将其引入。引入方式如下:
<!DOCTYPE html>
<html>
<head>
<title>使用 jQuery 库</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
在上述代码中,<script>
标签的 src
属性指定了 jQuery 库文件的 URL 地址,这里使用的是 BootCDN 上的 jQuery 3.6.0 版本。
引入 jQuery 库后,就可以在 HTML 页面中使用 jQuery 提供的各种功能了。比如,可以使用 $
或 jQuery
函数来获取 HTML 元素并进行操作。例如,要获取页面上所有的段落元素并将它们的文本内容设置为 "Hello, jQuery!",可以使用以下代码:
$('p').text('Hello, jQuery!');
在上述代码中,$
函数用于获取所有的段落元素,然后调用 text()
方法将它们的文本内容设置为 "Hello, jQuery!"。
除了 $
函数和 text()
方法外,jQuery 还提供了很多其他的函数和方法,如 html()
、addClass()
、removeClass()
、attr()
等等,可以根据实际需求进行使用。
需要注意的是,如果想要在 HTML 页面中使用 jQuery,必须先引入 jQuery 库文件,否则会导致无法使用 jQuery 提供的功能。