Question

我可以使用prop方法更改backgroundColor属性值吗？我是编程新手。：）

这就是我所拥有的，

$('ul').prop('backgroundColor','red');

我阅读了本书中正在阅读的章节，我的理解是我可以使用jquery中的prop方法从DOM中更改属性。我可以更改其他DOM属性，例如className。为什么不用backgroundColor？写这个我也试过atr。

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

在这种情况下，attr确实可以访问CSS属性，对吗？但是，在使用prop方法时，我们可以访问一些CSS属性吗？为什么要创建backgroundColor？

我知道改变背景颜色的最佳方法是在jquery中使用css方法。我只想知道prop或atr方法是否可以改变背景颜色，为什么不改变背景颜色，如果没有。我相信这会让我更好地了解DOM。

谢谢！

Answer 1

您需要使用.css()来操纵CSS属性。

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

Answer 2

backgroundColor是元素的style属性的嵌套属性，因此.prop('backgroundColor','red');在这里不起作用。

相反，您可以通过获取DOM元素来设置属性。如果有多个元素，那么你需要迭代它们。

＆＃13;

$('div')[0].style.backgroundColor = 'red';

// if there is multiple elements

$('div').each(function() {
  this.style.backgroundColor = 'red';
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>a</div>

＆＃13;

或使用css()方法设置任何样式属性。

＆＃13;

$('div').css('backgroundColor', 'red');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>a</div>

＆＃13;

Answer 3

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

不起作用，因为属性是＆＃34; style＆＃34;和backgroundColor是它的属性。

您需要使用：

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

Answer 4

编码直接html时，您可以像这样指定内联css：

<dependency>
  <groupId>org.springframework.amqp</groupId>
  <artifactId>spring-rabbit</artifactId>
  <version>1.4.5.RELEASE</version>
</dependency>

因此，使用jquery，您可以使用attr方法来利用此功能。

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

所以在某种程度上，是的，你可以使用attr方法改变css。因为有一个＆＃34;属性＆＃34;对于html中的样式（css）和更改html属性基本上是attr的用途。

Jquery-如何使用prop方法更改backgroundColor？

4 个答案: