Question

这是我的代码：

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <h1>This is a heading</h1>
    </body>
</html>

我使用jQuery附加了样式如下：

$("<style type='text/css'> .highlightStyle{ fill:red;stoke-width:2;} </style>").appendTo("head");

我的问题是：如何获取highlightStyle字段（fill和stroke-width）？

Answer 1

您可以使用带有参数的.css(arg)作为属性名称来获取其值：

var divhighlightStyle = $('<div class="highlightStyle"></div>');
var fill= divhighlightStyle.css('fill') ;

Answer 2

为什么不创建这样的函数？

 changestyle = function ($fill = 'red',$stroke = 2) {
    $('.highlightStyle').css({ill:$fill,toke-width:$stroke});
    }
   changestyle('#ccc',5);

Answer 3

当想要在所选元素的末尾插入指定内容时使用Append方法，这里你想在你的HTML元素中添加类，所以这是通过使用addClass（）方法来完成的：

$("head").addClass(".highlightStyle");

您可以使用样式标记

在CSS中定义此类

<style>
.highlightStyle{
background:red;
}