jquery - テキストを強調表示する

Question

クリックしたときにdivテキスト要素全体を強調表示する方法。私は次のコードを使用します

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

ques22は私のdividです。また、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'});