JQuery文档处理
warning:
这篇文章距离上次修改已过188天，其中的内容可能已经有所变动。
在这个例子中，我们将使用jQuery来处理一个简单的文档对象模型（DOM）操作。我们将选择一个段落，改变它的文本，并添加一个类。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<p id="example">这是一个段落。</p>
<script>
// 使用jQuery选择器选择ID为'example'的段落
var $paragraph = $('#example');
// 使用text()函数改变段落的文本内容
$paragraph.text('这是一个已经被改变的段落。');
// 使用addClass()函数给段落添加一个名为'highlight'的类
$paragraph.addClass('highlight');
</script>
<style>
.highlight {
background-color: yellow;
}
</style>
</body>
</html>在这段代码中，我们首先通过$('#example')选择了ID为example的段落，然后使用text()方法更改了它的文本内容，最后使用addClass()方法给它添加了一个名为highlight的类，该类在<style>标签中定义，用于突出显示段落。这个例子展示了如何使用jQuery快速而方便地操作DOM元素。
评论已关闭