如何制作Jquery片段仅适用于某些特定标签?

时间:2013-05-13 06:42:41

标签: javascript jquery background-image

我遇到了这个片段,其功能是用一个span包装img标签并制作span的图像背景图像。我的问题是,我怎样才能使它只适用于特定div中的某个img标签或某些img标签?

(文档)$。就绪(函数(){

$("img").load(function() {
    $(this).wrap(function(){
        return '<span class="image-wrap ' + $(this).attr('class') + '" 
            style="position:relative; display:inline-block; background:url(' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
    });
    $(this).css("opacity","0");
});

});

1 个答案:

答案 0 :(得分:0)

简单易用,只需用不同的selector替换$("img")即可在不同的图像集上运行“包装”代码,而不是现场的所有图像。例如,使用$(".extra img")来定位标记内的任何img,类为“extra”(class =“extra”)。

这是jQuery的一个基本的,微不足道的知识 - 我建议你通过jQuery教程阅读或者更好,使用jQuery代码学校http://try.jquery.com/来学习如何使用jQuery。