jquery:按类名获取元素并为每个元素添加css

Question

我有一定数量的div框,它们都有相同的类名.我试图向他们申请一些东西,但没有运气.我到目前为止构建的代码是

$(document).ready(function(){
    elements = $('div.easy_editor');
    elements.each(function() { $(this).css("border","9px solid red"); });
    //elements[0].css("border","9px solid red");
});

你能告诉我我做错了吗？

Answer 1

你可以试试这个

 $('div.easy_editor').css({'border-width':'9px', 'border-style':'solid', 'border-color':'red'});

该$('div.easy_editor')指具有类易编辑器已经所有div的集合.除非你想在每个函数上运行某些函数,否则不需要使用each().css()方法实际上适用于您找到的所有div.

Answer 2

使jQuery易于使用的原因是您不必将属性应用于每个元素.jQuery对象包含一个元素数组,jQuery对象的方法将相同的属性应用于数组中的所有元素.

还有一个更短的形式$(document).ready(function(){...})在$(function(){...}).

所以,这就是你所需要的:

$(function(){
  $('div.easy_editor').css('border','9px solid red');
});

如果希望代码适用于具有该类的任何元素,则只需在选择器中指定不带标记名称的类:

$(function(){
  $('.easy_editor').css('border','9px solid red');
});