jquery - 突出显示文本

Question

单击它们时我们如何突出显示整个 div 文本元素。我使用以下代码

$("#ques22").css("background-color","#3BB9FF");

ques22 是我的 div id。它还使用 div 元素更改图像的颜色。

Answer 1

您可以添加p标签样式：

<div id="ques22">
   <p>text</p>
  <img src='src.jpg'/>
</div>

$('#ques22').click(function(){
    $(this).find('p').css("background-color","#3BB9FF");
})

http://jsfiddle.net/2eJeS/

Answer 2

而不是 .css() ，尝试像这样 addClass() ，您将通过这种方式通过 css 获得更多控制

http://jsfiddle.net/fedmich/MPaDc/

Answer 3

如果要设置文本样式，可以使用以下内容：

JS

$('div.yourClass').toggle(function() {
    $(this).html(function(i, text) {
        return $('<span>', {'class': 'highlighter', 'text': text});
    });
},
function() {
    $(this).html($('span', this).html());
});

CSS

.highlighter {
    color: red;
}

演示

Answer 4

使用它可以产生阴影效果并突出显示它们

#ques22 { -webkit-transition: text-shadow 1s linear; -moz-transition: text-shadow 1s linear; -ms-transition: text-shadow 1s linear; -o-transition: text-shadow 1s linear; transition: text-shadow 1s linear; }

ques22 的 id 必须有阴影效果，那么只有这个代码才能工作

$("#ques22").css({'text-shadow': '0 0 20px red'});