Jquery 加载事件将图像添加到不同的类

我想在加载图像时将图像添加到不同的类中。 这是小提琴。

$（函数（）{
$（'img'）.addClass（'brdr1'）；
});

在这里，我将所有图像添加到

brdr1

1中，但我想在

brdr1

中添加3个图像，并保留在

brdr2

如何做到这一点。 提前感谢

工作演示：

$（'#theDiv'）。前缀（'''）

添加类以指定要应用哪个类的图像

HTML jQuery

---

工作演示

为各自的图像提供b1和b2（类）， 只需在jquery中的

onload（）

上为相应的图像添加适当的css类，如下所示

$(document).ready(function(){

  $('.b1').addClass('brdr1');
  $('.b2').addClass('brdr2');
});

---

@xpy：这太令人震惊了，兄弟，我从来没有意识到这一点，非常感谢，伙计：）

$(function(){
   $('img:lt(3)').addClass('brdr1');
   $('img:gt(2)').addClass('brdr2');
});

$('#theDiv').prepend('<img id="theImg" src="theImg.png" />')

<img class="b1" src="http://placehold.it/10x60" /><br />
<img class="b1" src="http://placehold.it/20x50" /><br />
<img class="b1" src="http://placehold.it/30x40" /><br />
<img  class="b2" src="http://placehold.it/40x30" /><br />
<img  class="b2" src="http://placehold.it/50x20" /><br />
<img  class="b2" src="http://placehold.it/60x10" /><br />

.brdr{border:1px solid red}
.brdr11{border:1px solid blue}

$(function(){
    $('.b1').addClass('brdr');
    $('.b2').addClass('brdr1');
});

$(document).ready(function(){

  $('.b1').addClass('brdr1');
  $('.b2').addClass('brdr2');
});