Javascript Jquery-如何使用prop方法更改背景颜色?

Javascript Jquery-如何使用prop方法更改背景颜色?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我可以使用prop方法更改backgroundColor属性值吗? 我是编程新手。:) 这就是我所拥有的 $('ul').prop('backgroundColor','red'); 我阅读了这本书中的章节,我的理解是我可以使用jquery中的prop方法从DOM中更改属性。我可以更改其他DOM属性,例如className。为什么不是背景色?写这篇文章时,我也尝试了atr $('ul').attr('background-color','red'); 在这种情况下,attr确实可以访问CSS

我可以使用prop方法更改backgroundColor属性值吗? 我是编程新手。:)

这就是我所拥有的

$('ul').prop('backgroundColor','red');
我阅读了这本书中的章节,我的理解是我可以使用jquery中的prop方法从DOM中更改属性。我可以更改其他DOM属性,例如className。为什么不是背景色?写这篇文章时,我也尝试了atr

$('ul').attr('background-color','red');
在这种情况下,attr确实可以访问CSS属性,对吗?但是,当使用prop方法时,我们可以访问一些CSS属性吗?为什么要创建背景色

我知道改变背景颜色的最好方法是使用css方法,也就是jquery。我只是想知道prop或atr方法是否可以改变背景色,如果不能,为什么不能。我相信这会让我更好地理解DOM

谢谢

您需要使用来操作CSS属性

$('ul').css('background-color','red');
您需要使用来操作CSS属性

$('ul').css('background-color','red');

backgroundColor
是元素的
style
属性的嵌套属性,因此在这里不起作用

相反,您可以通过获取DOM元素来设置属性。如果有多个元素,则需要对它们进行迭代

$('div')[0].style.backgroundColor='red';
//如果有多个元素
$('div')。每个(函数(){
this.style.backgroundColor='red';
})


backgroundColor
是元素的
style
属性的嵌套属性,因此在这里不起作用

相反,您可以通过获取DOM元素来设置属性。如果有多个元素,则需要对它们进行迭代

$('div')[0].style.backgroundColor='red';
//如果有多个元素
$('div')。每个(函数(){
this.style.backgroundColor='red';
})

a
不起作用,因为属性是“style”,backgroundColor是该属性的一个属性

您需要使用:

     $('ul')[0].style.backgroundColor = 'red';
不起作用,因为属性是“style”,backgroundColor是该属性的一个属性

您需要使用:

     $('ul')[0].style.backgroundColor = 'red';

编写纯html时,您可以指定如下内联css:

<div style="background-color:#00000"></div>

因此,在某种程度上,您可以使用attr方法更改css。因为html中的样式(css)有一个“属性”,而更改html属性基本上就是attr的作用。

在编写纯html时,您可以像这样指定内联css:

<div style="background-color:#00000"></div>

因此,在某种程度上,您可以使用attr方法更改css。因为html中的样式(css)有一个“属性”,更改html属性基本上就是attr的用途。

使用
.css()
$('ul').css('background-color','red')使用
.css()
$('ul').css('background-color','red')谢谢。我不知道嵌套零件。我会回去读更多关于风格的书。这就引出了另一个问题,所有CSS属性在DOM中都有“重复”吗?我看到列表样式和列表样式。Thanks@HugoPerea:您不能在点表示法中使用
-
字符,这就是为什么它使用驼峰大小写。。。。两种方法都可以,谢谢。我不知道嵌套零件。我会回去读更多关于风格的书。这就引出了另一个问题,所有CSS属性在DOM中都有“重复”吗?我看到列表样式和列表样式。Thanks@HugoPerea:您不能在点表示法中使用
-
字符,这就是为什么它使用驼峰大小写。。。。这两种方法都会奏效