Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery数据属性更改并影响CSS_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript Jquery数据属性更改并影响CSS

Javascript Jquery数据属性更改并影响CSS,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在css中使用了一个数据属性,但是当我通过jquery更改它时,它在dom的屏幕上并没有改变 $('new-1')。数据('count',5) .fa堆栈[数据计数]:之后{ 位置:绝对位置; 右图:-20%; 前-20%; 内容:attr(数据计数); 字体大小:90%; 填充:.4em; 边界半径:999px; 线高:.75em; 颜色:白色; 背景:rgba(255,0,0,1); 文本对齐:居中; 最小宽度:1.5em; 字体大小:粗体; } 如果您查看JQuery在此链接上的文档

我在css中使用了一个数据属性,但是当我通过jquery更改它时,它在dom的屏幕上并没有改变

$('new-1')。数据('count',5)
.fa堆栈[数据计数]:之后{
位置:绝对位置;
右图:-20%;
前-20%;
内容:attr(数据计数);
字体大小:90%;
填充:.4em;
边界半径:999px;
线高:.75em;
颜色:白色;
背景:rgba(255,0,0,1);
文本对齐:居中;
最小宽度:1.5em;
字体大小:粗体;
}

如果您查看JQuery在此链接上的文档

它明确指出

使用data()方法更新数据不会影响DOM中的属性。要设置data-*属性值,请使用attr

因此,您应该使用
.attr(“key”,value)函数

代码应该是

$('#new-1').attr('data-count', 5);

这回答了你的问题吗?
$('#new-1').attr('data-count', 5);