📅  最后修改于: 2023-12-03 14:51:59.587000             🧑  作者: Mango
当你想要在一个 HTML 页面中选择一个或多个具有特定类的 div(或其他元素)时,jQuery 提供了一个简单的方法来实现它。
jQuery 提供了多种选择器语法,用于选择特定的 DOM 元素。我们将使用以下选择器来选择具有特定类的 div:
$('.your-class')
其中,your-class
是你想要选择的 div 的类名。
以下是一个简单的 HTML 页面,其中包含多个具有不同类的 div。
<!DOCTYPE html>
<html>
<head>
<title>jQuery demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div class="my-div">这是一个具有 my-div 类的 div。</div>
<div class="your-div">这是一个具有 your-div 类的 div。</div>
<div class="our-div">这是一个具有 our-div 类的 div。</div>
<script>
$(document).ready(function() {
$('.your-div').text('现在我被修改了!');
});
</script>
</body>
</html>
在上面的示例中,我们选择了具有 your-div
类的 div,并将其文本内容修改为 现在我被修改了!
。
使用 jQuery 选择具有特定类的 div 非常容易。只需使用 .your-class
语法就可以选择特定的 div。在代码中使用选择器,并对它们执行任何所需的操作。