Question

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

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

问题22是我的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（），你将通过这种方式获得更多的控制

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;
}

<强> demo

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'});

突出显示文字

4 个答案: