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

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

2 个答案: