使用Jquery操作文本阴影

Question

我想操纵特定于文本阴影。

我试过这个，

this.css("text-shadow", '#FFD800 1px 1px 0');

及其工作。但我想做更多。

我试图：

sh="";
for (i = 1; i < 14; i++) {
    sh += ',#FFD800 '+i+'px '+i+'px 0';
}           

this.css("text-shadow", sh);

这不行。我怎样才能上班？ 感谢。

Answer 1

css() 只能应用于jQuery对象，因此更改

this.css("text-shadow", sh);

到

$(this).css("text-shadow", sh);

在样式值的开头还有一个额外的,，以避免使用类似下面的内容

var sh = [];
for (i = 1; i < 14; i++) {
  sh.push('#FFD800 ' + i + 'px ' + i + 'px 0');
}

$(this).css("text-shadow", sh.join(','));

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

DEMO

var sh = [];
for (i = 1; i < 14; i++) {
  sh.push('#FFD800 ' + i + 'px ' + i + 'px 0');
}

$('div').css("text-shadow", sh.join(','));

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

<div style="font-size:30px">DEMO</div>

Answer 2

更改此行：

 this.css("text-shadow", sh);

到

 $(this).css("text-shadow", sh);

.css是一个jQuery函数，它适用于正确的选择器

演示：https://jsfiddle.net/wwqxdjvp/