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

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

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

Answer 3

附加类来指定要应用的图像哪一类

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 4

给B1和B2（类）对于各个图像，然后， 只是在的jquery添加对这样各个图像合适css类在onload()这样

$(document).ready(function(){ 

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