Question

我试图获取h1代码的字体系列，并将h2的颜色更改为#CCC，但到目前为止它还无法正常工作。我想我是以错误的方式做到的。我是jQuery编码的新手，所以非常感谢你的帮助。

这是我的jquery代码：

$(function() {
    $('.h1').click(function(){ 
        $(this).css('h2', '#CCC');
    }); 
});

请帮助我实现这一目标。提前谢谢！

Answer 1

顺便说一下，如果h1和h2是类名，那么使用dot作为前缀，否则只是按原样给出它们。我假设它们是你的标记中的类名。

$(function() {
 $('.h1').click(function(){ 
    $('.h2').css('color', '#CCC');
   alert($(this).css('font-family')); //this will give you font-family
 }); 
});

Answer 2

设置颜色

$(function() {
  $('h1').click(function(){ 
     $('h2').css('color', '#CCC');
     alert($('h2').css('font-family')); //this will give you font-family
  }); 
});

Demo

Answer 3

你做错了：

$(function() {
 $('.h1').click(function(){ 
$('.h2').css('color', '#CCC');
 }); 
});

试试这段代码。

Answer 4

基于以下标记：

<h1 class="h1">I'm an H1</h1>
<h2 class="h2">I'm an H2</h2>

这应该是你的代码

$(function() {
    $('.h1').click(function(){ 
        var fontFamily = $(this).css("font-family"); // only accessible in this scope
        $('.h2').css('background-color', '#CCC');
    }); 
});

jsFiddle

注意：如果您使用“h1”作为h1代码的类名，我建议您重新考虑。这是非常不明确的，可能会变得混乱。

Jquery，获取字体系列并更改颜色

4 个答案: