Question

我在我的应用程序中使用jquery。每次在文本上单击时，我需要更改<p></p>标记中包含的文本的字体颜色。感谢

Answer 1

我不确定下一个颜色的来源，所以这是一个每次点击使用随机颜色的例子：

$('p').click(function() {
    $(this).animate({ 
        'color': 'rgb('+ (Math.floor(Math.random() * 256)) +','+ 
                         (Math.floor(Math.random() * 256)) +','+ 
                         (Math.floor(Math.random() * 256)) +')'
    }, 500);
});

You can view a demo of the effect here：）

如果您不希望它像我一样动画，只需将.animate()更改为.css()，即可立即进行更改like this。

Answer 2

您需要指定标签，然后更改此标签的css，例如对于<div id="yourid">：

$('#yourid').click(function() {
    $('#yourid').css('color' : '#yourNewColor');
});

Answer 3

尝试这样的事情，你的标签有一个类“标签”，字体颜色由一个名为“高亮”的类定义： -

$(document).ready(function(){
  $('.tag').click(function(){
    $(this).toggleClass('highlight');
  });
});

使用jquery为每次单击更改字体颜色

3 个答案: