如何在事件上同时为所有类似元素应用CSS

时间:2013-05-22 17:40:53

标签: jquery

我有一个部分,其中有很多5个textareas(数字可以改变)。如果我模糊了文本区域,我必须使用相同的JQuery函数同时将CSS应用于所有文本。我的想法是 获取所有ID并应用CSS。这是正确的做法还是有其他选择

<div>
 <textarea id="libname"class="Text"></textarea>
<textarea id="bioname"class="Text"></textarea>
<textarea id="labname"class="Text"></textarea>
<textarea id="subjctname"class="Text"></textarea>
<textarea id="miscname"class="Text"></textarea>

</div>

<script>

    ???$(".ids").applycss();
</script>

3 个答案:

答案 0 :(得分:2)

使用你的课程..

$(".Text").css({ do css stuff });

如果你想在.blur()

上这样做
$(".Text").blur(function() {
    //if you want to apply css to all textareas, target them all
    $(".Text").css({ do css stuff });

    //if you want to edit the textarea you just modified, use this
    $(this).css({ do css stuff });
});

.css() API参考:http://api.jquery.com/css/

答案 1 :(得分:1)

使用jQuery .css()

$('textarea.Text').css(/*whatever you want*/);

答案 2 :(得分:0)

我认为您应该在addClass()

中定义类中的所有样式,以及jquery的用户removeClass() / toggleClass() / blur event函数