他の制作会社などから業務を受け継ぎ、さらに機能追加をしているときに、はまることがあります。

１ページにいくつかのjQuery製イメージスライダーを使用していたのですが、１つ目しか機能しておらず、２つ目以降はスライドできない状態。
だけど、リロードするとその部分がスライドできるようになり、かわりに他のスライダーがスライドできないようになっていました。

そこで方法として、
（１）いったん他のイメージスライダーを削除しておく
（２）clickなどのアクションがあった時にその部分のスライダーを表示する。他のは削除

このような方法を取ることで、とりあえず使えるようになりました。

まずは要素自体を削除する【.remove()】

$(document).ready(function(){
$('#id').click(function(){
$(this).remove();
});
});

要素の中を削除する【. empty()】

$(document).ready(function(){
$('#id').click(function(){
$(this). empty();
});
});

要素を削除するけど、また使う【. detach()】

$(document).ready(function(){
$('#id').click(function(){
$('#id'). detach();
});
});

要素を削除するけど、また使う【. detach()】

$(document).ready(function(){
$('#id').click(function(){
$('#id'). detach();
});
});

追加するには【.append()】が使えます。

$(document).ready(function(){
$('#id').click(function(){
$('#id'). append('追加するもの');
});
});