使用 jQuery 选择器获取页面元素后,利用 jQuery 对象的 css() 方法设置其样式。
$(document).ready(function() {
// 假设我们要选择页面上所有的段落元素,并将它们的颜色设置为蓝色
$('p').css('color', 'blue');
// 如果我们要选择id为'myDiv'的元素,并改变其背景颜色为黄色
$('#myDiv').css('background-color', 'yellow');
// 选择class为'myClass'的所有元素,并设置它们的字体大小
$('.myClass').css('font-size', '20px');
// 同时设置多个样式
$('#myDiv').css({
'background-color': 'green',
'border': '1px solid black'
});
});
这段代码演示了如何使用jQuery选择器获取页面元素,并使用css()
方法来设置它们的样式。这是jQuery中非常基础且常用的功能。
评论已关闭