时间戳

首页 > 解决方案 > attr() 是否总是应用最后一种样式？

jquery - attr() 是否总是应用最后一种样式？

问题描述

我是 jquery 的新手我想知道我正在尝试使用 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>

标签： jquery

解决方案

该style属性是包含许多这样的样式的单个字符串

<div style="color:yellow; font-family:arial; border-style:dotted">

因此，每次应用它时，您都在替换最后一个字符串。所以你必须用一根大绳子做以下事情。

$('#prg1').attr('color:yellow; font-family:arial; border-style:dotted')

但是，这确实不是attr().

相反，使用.css()可以设置（和获取）样式的 JQuery 方法。

$('#prg1')
  .css('color', 'yellow')
  .css('font-family', 'arial')
  .css('border-style', 'dotted')

或者您可以在一次调用中使用一个对象

$('#prg1').css({
  'color': 'yellow'
  'font-family': 'arial',
  'border-style': 'dotted'
})

推荐阅读