Javascript 多个jquery库

我试图将两个jQuery库分开，这样它们就不会在我的html页面上相互链接：

以下是html：

下面是javascript：

$(document).ready(function(){


    $('.gallery_thumbnails a').click(function(e){

        e.preventDefault();


        $('.gallery_thumbnails a').removeClass('selected');
        $('.gallery_thumbnails a').children().css('opacity','1');

        $(this).addClass('selected');
        $(this).children().css('opacity','.4');



        var photo_fullsize = $(this).attr('href');
        var photo_preveiw = photo_fullsize.replace('fullsize','preview');


        $('.gallery_preview').html('<a href="'+photo_fullsize+'" style="background-image:url('+photo_preveiw+');"></a>');


    });


});

$（文档）.ready（函数（）{
$（'.gallery_缩略图a'）。单击（函数（e）{
e、 预防默认值（）；
$（'.gallery_缩略图a'）。removeClass（'选定'）；
$（'.gallery_缩略图a'）.children（）.css（'opacity'，'1'）；
$（this.addClass（'selected'）；
$（this.children（）.css（'opacity'，'.4'）；
var photo_fullsize=$（this.attr（'href'）；
var photo_preveiw=photo_fullsize.replace（'fullsize'，'preview'）；
$（'.gallery_preview'）.html（''）；
});
});

我想你还得多说一点？你是说你想让画廊作为两个独立的实体运作吗？如果是这样，你需要给画廊提供身份证。现在有一个函数正在处理类，这意味着它将对每个具有该类的项执行完全相同的操作。