あるサイトから jQuery $get を使用していくつかの画像を取得し、別のサイトに挿入します。2つのバージョンを作りました。一度、画像の周りに div を作成し、コンテンツ全体を必要なサイトにロードします。
他のバージョンには既にイメージ タグがあり、他のサイトのすべてのイメージ タグから src だけを取得して変更します。
何がより効率的/高速なのだろうか:
// Get the images on current site
var coverFront = $(document.getElementById('cover-front'));
var coverBack = $(document.getElementById('cover-back'));
// Get the images src on other site via $.ajax get
var aCoverFront = $response.find('#cover-front').attr('src');
var aCoverBack = $response.find('#cover-back').attr('src');
// Change the images src on current site
coverFront.attr('src', aCoverFront);
coverBack.attr('src', aCoverBack);
対:
// Get div on current site
var coverID = $(document.getElementById('cover'));
// Get the images inside the div on the other site via $.ajax get
var cover = $response.filter('#ajax-cover').html();
// Place images inside the div on current site
coverID.html(cover);
確かに、div の方が操作が少ないです。しかし、もう1つはURLを転送するだけです。