使用 jQuery 基本选择器获取页面元素,然后利用 jQuery 对象的 css() 方法动态设置 <span> 和 <a> 标签的样式
在使用jQuery基本选择器获取页面元素后,可以使用css()
方法来动态设置元素的CSS样式。以下是一个简单的例子:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery CSS Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="myDiv">这是一个DIV元素。</div>
<script>
// 在这里写你的jQuery代码
$(document).ready(function() {
// 使用基本选择器获取元素
$('#myDiv').css('color', 'blue'); // 设置文字颜色为蓝色
});
</script>
</body>
</html>
在上面的例子中,$(document).ready()
确保在DOM完全加载后执行代码。$('#myDiv')
是一个基本选择器,用于选择ID为 myDiv
的元素。css('color', 'blue')
方法用于设置该元素的文字颜色为蓝色。
评论已关闭