📅 最后修改于: 2023-12-03 15:23:55.012000 🧑 作者: Mango
使用 jQuery 可以轻松地操作 CSS 属性。通过 .css() 方法，可以获取或设置元素的样式属性。当需要删除某个样式属性时，可以将属性值设置为 null 或空字符串 ''。
下面是一个例子，演示如何使用 jQuery 删除元素的 top 和 left 属性：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery 删除 CSS“top”和“left”属性</title>
<style>
#box {
position: absolute;
top: 100px;
left: 100px;
width: 100px;
height: 100px;
background-color: green;
}
</style>
</head>
<body>
<div id="box"></div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
// 删除 top 和 left 属性
$('#box').css({
'top': '',
'left': ''
});
});
</script>
</body>
</html>
在这个例子中，首先定义了一个 div 元素，该元素有一个 id 为 box。该元素的样式属性 top 和 left 都设置为 100px，使其位于页面的左上角。
在 jQuery 代码中，使用 .css() 方法删除 #box 的 top 和 left 属性。代码中，通过传递一个对象给 .css() 方法，可以同时设置多个样式属性。在该对象中，将 top 和 left 属性的值都设置为空，即删除这些属性。
最终效果是，#box 元素没有了 top 和 left 属性，会根据其父元素进行定位。
总之，使用 jQuery 删除 CSS 属性，只需要将属性值设置为空即可。