1

我想知道为什么 attr() 只应用最后一个样式属性我想详细了解原因是什么？

<!DOCTYPE html>
<html>
<body>
   <p id="prg1">first paragraph</p>
</body>

<script src="C:\Users\SUDARSHAN\Desktop\html_UI\jquery-3.6.0.js">
</script>
<script>
   $('document').ready(function (){

      $('#prg1').attr({style:'color:yellow',style:'font-family:arial',style:'color:yellow',style:'border-style:dotted'});
    })
</script>
</html>
4

2 回答 2

1

这是你要找的吗

<!DOCTYPE html>
<html>
<body>
   <p id="prg1">first paragraph</p>
</body>

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
   $('document').ready(function(){$('#prg1').css({color:'yellow','font-family':'arial','color':'yellow','border-style':'dotted'});})
</script>
</html>

于 2021-11-14T08:27:54.800 回答
0

为什么要为此使用 jQuery？通过将样式声明放在 js 中，您将获得无样式内容的闪烁，直到 jquery 加载并进入 ready() 状态，然后在 document.ready() 上 - 将应用 js 并更改样式 - 为什么不只需使用 CSS 来完成它应该做的事情 - 为 html 元素提供样式？

#prg1 {
  color:yellow;
  font-family: "arial";
  border: 1px dotted red;
 )
<!DOCTYPE html>
<html>
<body>
   <p id="prg1">first paragraph</p>
</body>
</html>

于 2021-11-14T08:40:35.123 回答