on load事件将图像添加到不同的类

Question

我希望在加载图像时将图像添加到不同的类中。 这是小提琴。 http://jsfiddle.net/simmi_simmi123/Kxfg7/2/

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


$(function(){
    $('img').addClass('brdr1');
});

在此我将所有图片添加到brdr1一个，但我想在brdr1中添加3张图片并保留在brdr2

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

Answer 1

工作演示：http://jsfiddle.net/mohammadAdil/Kxfg7/8/

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

http://api.jquery.com/gt-selector/

http://api.jquery.com/lt-selector/

Answer 2

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

的 HTML

<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 />

的 CSS

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

的的jQuery

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

工作演示http://jsfiddle.net/cse_tushar/Kxfg7/5/

Answer 3

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

Answer 4

为各个图片提供 b1 和 b2 （类），然后， 只需在jquery中的onload()添加适当的css类，就像这样

$(document).ready(function(){

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