如何实现jquery添加css样式?
发布时间:2023-03-13 19:32:00
发布人:wjy
使用 jQuery 给元素添加 CSS 样式可以使用 css() 方法。这个方法可以接受一个对象参数,其中包含要设置的样式属性和对应的值。
以下是一个例子:
html
<div id="myDiv">Hello World</div>
js
$(document).ready(function() {
$('#myDiv').css({
'color': 'red',
'font-size': '20px',
'background-color': 'yellow'
});
});
在上面的例子中,css() 方法被用于选中了 id="myDiv" 的 div 元素,并设置了其文本颜色为红色,字体大小为20像素,背景色为黄色。
另外,如果只需要设置单个样式属性的值,也可以使用如下方式:
$(document).ready(function() {
$('#myDiv').css('color', 'red');
});
在上面的例子中,css() 方法被用于选中了 id="myDiv" 的 div 元素,并设置了其文本颜色为红色。